:root{font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0b1021;background:radial-gradient(120% 120% at 20% 20%,#f8f0ff,#eef6ff 45%,#f6f9ff);--accent: #0ea5e9;--accent-2: #f97316;--surface: #ffffff;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 10px 40px rgba(15, 23, 42, .12)}body[data-theme=dark]{color:#e2e8f0;background:radial-gradient(120% 120% at 10% 10%,#111827,#0b1324,#050a16);--accent: #8b5cf6;--accent-2: #38bdf8;--surface: #0f172a;--muted: #cbd5e1;--border: #1f2937;--shadow: 0 10px 40px rgba(0, 0, 0, .4)}body[data-theme=dark] .card,body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] table,body[data-theme=dark] .pill,body[data-theme=dark] th,body[data-theme=dark] td,body[data-theme=dark] label{color:#e2e8f0}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{background:#0f172a;color:#e2e8f0;padding:10px 16px;display:flex;align-items:center;gap:10px}.topbar img{height:26px;width:auto;object-fit:contain}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.5px}.ghost-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:10px}a{color:inherit;text-decoration:none}.app-shell{max-width:1200px;margin:0 auto;padding:32px 24px 56px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}button{cursor:pointer;border:none;border-radius:12px;font-weight:600;padding:12px 16px;background:linear-gradient(135deg,#6b5bff,#38bdf8);color:#fff;transition:transform .12s ease,box-shadow .12s ease}.btn-secondary{background:#ffffff1f;color:#0b1021}body[data-theme=dark] .btn-secondary{color:#0b1021;background:#f8fafc}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #0ea5e94d}input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;font-size:.95rem}body[data-theme=dark] input,body[data-theme=dark] select{background:#0b1324;color:#e2e8f0;border-color:#1f2937}.audio-player{accent-color:#a78bfa!important}.audio-player::-webkit-media-controls-download-button,.audio-player::-webkit-media-controls-playback-rate-button,.audio-player::-webkit-media-controls-menu-button{display:none!important}.audio-player::-webkit-media-controls-panel{background:#0c0f1c}.audio-player::-webkit-media-controls-play-button,.audio-player::-webkit-media-controls-mute-button,.audio-player::-webkit-media-controls-timeline-container,.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{filter:brightness(1.5)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:.93rem}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:600;background:#e0f2fe;color:#075985}.subtitle{color:var(--muted);font-size:.95rem;margin:0 0 12px}.title{margin:0 0 12px;font-size:1.6rem;letter-spacing:-.02em}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:36px;width:auto;object-fit:contain}.pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem;color:#0f172a;font-weight:700}body[data-theme=dark] .pill{background:#ffffff14;color:#f8fafc;border-color:#ffffff26}.pill.invert{color:#f8fafc;background:linear-gradient(135deg,#6b5bff,#38bdf8);border:none}body[data-theme=light] .pill.invert{color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;justify-content:center;align-items:center;z-index:20;padding:16px}.modal{max-width:560px;width:100%}.admin-shell{display:grid;grid-template-columns:220px 1fr;gap:24px}.sidebar{position:sticky;top:18px;align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.sidebar button{width:100%;background:#f8fafc;color:#0f172a;border:1px solid var(--border);box-shadow:none;padding:10px 12px}.sidebar button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}.admin-content{display:flex;flex-direction:column;gap:18px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.stat-label{color:var(--muted);font-size:.9rem;margin-bottom:4px}.stat-value{font-weight:700;font-size:1.2rem}.table-wrap{width:100%;overflow-x:auto}.panel-card{min-height:320px}.link-btn{display:inline-block;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:#f8fafc;color:#0f172a;font-weight:600;text-decoration:none}.wave{display:inline-flex;gap:3px;margin-left:6px}.wave span{display:block;width:4px;height:10px;background:var(--accent-2);animation:pulse .9s ease-in-out infinite;opacity:.3}.wave span:nth-child(2){animation-delay:.12s}.wave span:nth-child(3){animation-delay:.24s}.wave.active span{opacity:1}@keyframes pulse{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1.6);opacity:1}}.panel-toggle{position:fixed;right:18px;bottom:18px;z-index:30}.side-panel{position:fixed;right:18px;bottom:76px;width:320px;max-height:70vh;overflow:auto;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:14px}.tab-buttons{display:flex;gap:8px;margin-bottom:10px}.tab-buttons button{flex:1;padding:10px}.tab-buttons button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none}.chip{display:inline-block;padding:6px 10px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;font-size:.85rem;margin-right:6px}