:root{--primary:#2563eb;--primary-dark:#1e40af;--bg:#f6f7fb;--card:#fff;--text:#222;--muted:#6b7280;--radius:12px}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);margin:0}
a{color:var(--primary);text-decoration:none}
.navbar{background:var(--primary);color:#fff}
.navbar-container{max-width:1100px;margin:auto;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px}
.navbar-logo{color:#fff;font-weight:700}
.navbar-links a{color:#fff;margin-left:14px}
.content{max-width:1100px;margin:24px auto;padding:16px;background:var(--card);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.flash-messages{list-style:none;padding:10px;border:1px solid #fde68a;background:#fef3c7;color:#92400e;border-radius:10px}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:8px 14px;border-radius:10px;border:0}
.btn:hover{background:var(--primary-dark)}
.btn.danger{background:#dc2626}
.hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius);padding:32px}
.hero .btn{background:#fff;color:var(--primary)}
.form-section{margin:12px 0}
.admin-form{display:flex;flex-direction:column;gap:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.form-group input, .form-group select, .admin-form textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}
.user-list-items{list-style:none;padding:0}
.user-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px}
.big{font-size:28px;font-weight:800}
.pre{white-space:pre-wrap;background:#111827; color:#e5e7eb; padding:10px; border-radius:10px; overflow:auto}
.list-select{display:flex;flex-direction:column;gap:8px}
.select-item{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.filters{display:flex;gap:12px;align-items:flex-end;margin:12px 0}
.embed iframe, .embed video{max-width:100%;border-radius:10px}