:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09070d;--surface:#121016;--surface-elevated:#19161e;--surface-soft:#211d28;--text:#f7f4fa;--text-secondary:#aaa3b3;--text-muted:#746d7c;--border:#ffffff17;--border-strong:#ffffff2b;--violet:#a767ff;--violet-strong:#8f45ef;--violet-soft:#a767ff24;--success:#48ce91;--warning:#e9b85d;--danger:#ff7b87;--shadow:0 18px 60px #00000057;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f3f8;--surface:#fff;--surface-elevated:#fff;--surface-soft:#eeeaf3;--text:#1b1720;--text-secondary:#665e6d;--text-muted:#8b8491;--border:#1b172017;--border-strong:#1b17202b;--violet-soft:#8f45ef1a;--shadow:0 18px 50px #2e1e3c1f}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.admin-shell{flex-direction:column;min-height:100vh;display:flex}.admin-header{z-index:100;height:64px;padding:0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.admin-brand img{border-radius:8px;width:32px;height:32px}.admin-nav{align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.nav-link:hover,.nav-link.active{background:var(--surface-soft);color:var(--text)}.nav-link.active{color:var(--violet);background:var(--violet-soft)}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle-btn{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--border-strong)}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:32px 20px;display:flex}.auth-card{border:1px solid var(--border);background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:20px;padding:32px;display:flex}.auth-card h1{margin:0;font-size:22px;font-weight:700}.auth-card p{color:var(--text-secondary);margin:0;font-size:13px}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.input-control{border:1px solid var(--border);background:var(--bg);width:100%;height:44px;color:var(--text);border-radius:12px;padding:0 14px;font-size:14px;transition:border-color .2s}.input-control:focus{border-color:var(--violet);outline:none}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--violet);color:#fff}.btn-primary:hover:not(:disabled){background:var(--violet-strong)}.btn-success{background:var(--success);color:#050508}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-soft)}.social-auth-grid{flex-direction:column;gap:10px;display:flex}.btn-social{border:1px solid var(--border-strong);background:var(--surface-soft);height:44px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.btn-social--apple{background:var(--text);color:var(--bg)}.admin-content{padding:24px max(24px, env(safe-area-inset-right)) 32px max(24px, env(safe-area-inset-left));flex:1;width:100%;max-width:1400px;margin:0 auto}.module-header{margin-bottom:24px}.module-header h1{margin:0 0 6px;font-size:24px;font-weight:700}.module-header p{color:var(--text-secondary);margin:0;font-size:14px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.metric-card-title{color:var(--text-secondary);font-size:13px}.metric-card-value{color:var(--text);font-size:28px;font-weight:800}.queue-layout{grid-template-columns:360px minmax(0,1fr);gap:24px;min-height:600px;display:grid}@media (width<=900px){.queue-layout{grid-template-columns:1fr}}.queue-sidebar{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.queue-sidebar-header{border-bottom:1px solid var(--border);padding:16px}.queue-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.queue-item{border-bottom:1px solid var(--border);cursor:pointer;padding:16px;transition:background .2s}.queue-item:hover,.queue-item.active{background:var(--surface-soft)}.queue-item.active{border-left:3px solid var(--violet)}.status-badge{text-transform:uppercase;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-badge--pending{color:var(--warning);background:#e9b85d26}.status-badge--approved{color:var(--success);background:#48ce9126}.status-badge--rejected,.status-badge--changes{color:var(--danger);background:#ff7b8726}.queue-detail{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:24px;padding:28px;display:flex}.preview-artwork{object-fit:cover;border:1px solid var(--border);border-radius:12px;width:160px;height:160px}.audio-player-wrap{margin-top:12px}.audio-player-wrap audio{width:100%}@media (width<=768px){.admin-nav{display:none}.admin-nav.mobile-open{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;padding:16px;display:flex;position:fixed;top:64px;left:0;right:0}}