:root{--bg: #0a0a0b;--panel: #131316;--panel-2: #1a1a1f;--border: #2a2a30;--border-bright: #3a3a44;--text: #f4f4f5;--text-dim: #8a8a93;--text-faint: #5a5a63;--accent: #ff3838;--accent-glow: rgba(255, 56, 56, .4);--green: #00d97e;--green-glow: rgba(0, 217, 126, .3);--amber: #ffb800;--pending: #4a4a55;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter Tight,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse 800px 400px at 20% 0%,rgba(255,56,56,.08),transparent),radial-gradient(ellipse 600px 400px at 90% 30%,rgba(0,217,126,.04),transparent);background-attachment:fixed}.header{border-bottom:1px solid var(--border);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0bd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;gap:16px}.brand{display:flex;align-items:center;gap:14px}.tally-light{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow),0 0 24px var(--accent-glow);animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.08em;line-height:1}.brand-sub{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.15em;margin-top:4px}.header-right{display:flex;align-items:center;gap:20px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.15em}.header-right strong{color:var(--text);font-weight:500}.main{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 73px)}.sidebar{border-right:1px solid var(--border);background:var(--panel);position:sticky;top:73px;height:calc(100vh - 73px);display:flex;flex-direction:column;overflow:hidden}.sidebar-fixed{flex:0 0 auto;padding:28px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 20px 24px}.sidebar-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.2em;margin-bottom:14px;padding-left:4px;text-transform:uppercase}.content{padding:32px 40px;overflow-y:auto}.show-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid var(--border)}.show-header-left h1{font-family:Bebas Neue,sans-serif;font-size:48px;letter-spacing:.04em;line-height:1;margin-bottom:12px}.show-header-meta{display:flex;gap:24px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.1em}.show-header-meta strong{color:var(--text);font-weight:500;margin-left:8px}.progress-block{text-align:right}.progress-num{font-family:Bebas Neue,sans-serif;font-size:56px;line-height:1;letter-spacing:.02em}.progress-num .total{color:var(--text-faint)}.progress-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.2em;margin-top:6px;text-transform:uppercase}.add-track{margin-top:28px;margin-bottom:28px;padding:18px;background:var(--panel);border:1px dashed var(--border-bright);border-radius:8px}.add-track-row{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:10px;align-items:start}.add-track-url-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:10px}.quality-check{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.08em;white-space:nowrap}.quality-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);cursor:pointer}.quality-check label{cursor:pointer}.add-track input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:11px 14px;color:var(--text);font-family:inherit;font-size:13px;transition:border .15s;width:100%}.add-track input[type=text]:focus{outline:none;border-color:var(--accent)}.add-track input::placeholder{color:var(--text-faint)}.add-track .field-error{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);margin-top:4px;letter-spacing:.05em}.add-btn{background:var(--accent);color:#fff;border:none;padding:11px 22px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:all .15s;white-space:nowrap}.add-btn:hover:not(:disabled){background:#ff5252;box-shadow:0 0 16px var(--accent-glow)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.tracks{display:flex;flex-direction:column;gap:12px}.track{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px 22px;display:grid;grid-template-columns:32px 1fr auto auto;gap:16px;align-items:center;transition:all .2s;position:relative}.track:hover{border-color:var(--border-bright)}.track.approved{border-color:#00d97e4d;background:linear-gradient(to right,rgba(0,217,126,.04),var(--panel) 30%)}.track.rejected{border-color:#ff383840;background:linear-gradient(to right,rgba(255,56,56,.04),var(--panel) 30%);opacity:.7}.drag-handle{cursor:grab;color:var(--text-faint);font-size:14px;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.track-num{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--text-faint);letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;gap:1px;-webkit-user-select:none;user-select:none}.drag-grip{font-size:11px;line-height:1;color:var(--text-faint);opacity:.45;transition:opacity .15s,color .15s}.track-num:hover .drag-grip{opacity:1;color:var(--text-dim)}.track-info{min-width:0}.track-title{font-size:15px;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:10px}.track-link{color:var(--text-faint);text-decoration:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;padding:2px 6px;border:1px solid var(--border);border-radius:3px;transition:all .15s;text-transform:uppercase}.track-link:hover{color:var(--text);border-color:var(--border-bright)}.conversion-badge{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;padding:2px 6px;border-radius:3px;font-weight:700;text-transform:uppercase}.conversion-badge.ready{color:var(--green);background:#00d97e1a;border:1px solid rgba(0,217,126,.3)}.conversion-badge.queued,.conversion-badge.processing{color:var(--amber);background:#ffb80014;border:1px solid rgba(255,184,0,.25)}.conversion-badge.failed{color:var(--accent);background:#ff383814;border:1px solid rgba(255,56,56,.25)}.conversion-badge.none{color:var(--text-faint)}.votes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:300px}.vote{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:5px;min-width:52px;transition:all .15s;position:relative}.vote-dj{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase}.vote-mark{font-size:14px;font-weight:700;line-height:1;color:var(--text-faint)}.vote.yes{border-color:var(--green);background:#00d97e1a}.vote.yes .vote-mark,.vote.yes .vote-dj{color:var(--green)}.vote.no{border-color:var(--accent);background:#ff38381a}.vote.no .vote-mark,.vote.no .vote-dj{color:var(--accent)}.vote.pending .vote-mark{color:var(--text-faint)}.vote.extra{border-style:dotted}.vote.extra:after{content:"+";position:absolute;top:-5px;right:-5px;width:12px;height:12px;font-size:9px;line-height:12px;text-align:center;border-radius:50%;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border-bright)}.vote.me{box-shadow:0 0 0 1px var(--border-bright) inset}.vote.me .vote-dj{color:var(--text)}.track-secondary{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:6px;padding-top:12px;border-top:1px dashed var(--border)}.vote-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;flex:1 1 auto;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim)}.vote-progress .vp-count strong{color:var(--text)}.vote-progress .vp-tally{display:inline-flex;gap:8px}.vote-progress .vp-yes{color:var(--green)}.vote-progress .vp-no{color:var(--accent)}.vote-progress .vp-need{color:var(--text-faint)}.vote-progress .vp-waiting{color:var(--amber);margin-left:auto;letter-spacing:.02em}.panel-list{list-style:none;display:flex;flex-direction:column;gap:2px}.panel-member{display:flex;align-items:center;gap:8px;padding:6px 4px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);border-bottom:1px solid var(--border)}.panel-member:last-child{border-bottom:none}.panel-member.me .panel-name{color:var(--text);font-weight:600}.panel-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.panel-dot[data-role=committee]{background:var(--amber)}.panel-dot[data-role=dj]{background:var(--accent)}.panel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-tally{color:var(--text-faint);letter-spacing:.05em}.panel-tally.done{color:var(--green)}.panel-empty{padding:6px 4px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-faint)}.panel-hint{margin-top:10px;padding:8px 4px 0;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.05em}.status{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;padding:6px 10px;border-radius:4px;font-weight:700;white-space:nowrap;text-transform:uppercase}.status.approved{color:var(--green);background:#00d97e1a;border:1px solid rgba(0,217,126,.3)}.status.pending{color:var(--amber);background:#ffb80014;border:1px solid rgba(255,184,0,.25)}.status.rejected{color:var(--accent);background:#ff383814;border:1px solid rgba(255,56,56,.25)}.track-expanded{grid-column:1 / -1;display:flex;flex-direction:column;gap:14px;margin-top:4px;padding-top:14px;border-top:1px dashed var(--border)}.yt-embed{width:100%;aspect-ratio:16 / 9;border-radius:6px;border:none;background:#000;max-width:560px}.comments{display:flex;flex-direction:column;gap:10px}.comment{display:flex;gap:12px;font-size:13px;color:var(--text-dim);align-items:flex-start}.comment-author{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.1em;padding-top:2px;white-space:nowrap;text-transform:uppercase}.comment-text{font-style:italic;flex:1}.comment-delete{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;transition:color .15s}.comment-delete:hover{color:var(--accent)}.add-comment{display:flex;gap:8px;margin-top:4px}.add-comment input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:8px 12px;color:var(--text);font-family:inherit;font-size:13px;transition:border .15s}.add-comment input:focus{outline:none;border-color:var(--border-bright)}.add-comment input::placeholder{color:var(--text-faint)}.add-comment button{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);padding:8px 14px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s}.add-comment button:hover{border-color:var(--border-bright);color:var(--text)}.track-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-vote{padding:7px 14px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer;border:1px solid;transition:all .15s}.btn-vote.yes{color:var(--green);border-color:var(--green);background:#00d97e14}.btn-vote.yes:hover{background:#00d97e2e}.btn-vote.no{color:var(--accent);border-color:var(--accent);background:#ff383814}.btn-vote.no:hover{background:#ff38382e}.btn-toggle{padding:7px 14px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;cursor:pointer;border:1px solid var(--border);background:none;color:var(--text-dim);transition:all .15s}.btn-toggle:hover{border-color:var(--border-bright);color:var(--text)}.btn-remove{padding:7px 14px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;cursor:pointer;background:none;border:1px solid var(--border);color:var(--text-dim);transition:all .15s;white-space:nowrap}.btn-remove:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#ff383814}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.download-section{margin-top:32px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:24px}.download-info{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.1em}.download-info strong{color:var(--text);display:block;margin-bottom:4px;font-size:13px}.btn-download{background:var(--green);color:#000;border:none;padding:13px 28px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:all .15s;white-space:nowrap;text-transform:uppercase}.btn-download:hover:not(:disabled){box-shadow:0 0 20px var(--green-glow);transform:translateY(-1px)}.btn-download:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-download.sm{padding:8px 14px;font-size:10px}.dj-playlist{margin-top:32px}.dj-playlist:first-of-type{margin-top:20px}.dj-playlist-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 12px;margin-bottom:14px;border-bottom:1px solid var(--border)}.dj-playlist-title{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.dj-playlist-role,.dj-playlist-you{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border-radius:3px;padding:2px 6px}.dj-playlist-role{color:var(--text-faint);border:1px solid var(--border)}.dj-playlist-you{color:var(--accent);border:1px solid var(--accent)}.dj-playlist-meta{display:flex;align-items:center;gap:14px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.08em}.converter-bar{margin-top:24px;padding:16px 20px;background:var(--panel);border:1px dashed var(--border-bright);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.converter-info{font-size:12px;color:var(--text-dim);line-height:1.5;max-width:640px}.converter-info strong{display:block;color:var(--text);font-size:13px;margin-bottom:2px}.converter-note{display:block;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.04em}.converter-dl{display:flex;gap:10px;flex-shrink:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:40px 36px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-title{font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:.08em;line-height:1;margin-top:12px}.login-logo-sub{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.2em;margin-top:4px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px;transition:border .15s}.form-input:focus{outline:none;border-color:var(--accent)}.form-error{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.05em;min-height:16px}.btn-login{background:var(--accent);color:#fff;border:none;padding:13px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:all .15s;margin-top:6px;text-transform:uppercase}.btn-login:hover:not(:disabled){background:#ff5252;box-shadow:0 0 16px var(--accent-glow)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{background:var(--panel);border:1px solid var(--border-bright);border-radius:12px;padding:40px 36px;max-width:520px;width:100%}.modal-title{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:.06em;margin-bottom:16px;color:var(--accent)}.modal-body{font-size:14px;line-height:1.7;color:var(--text-dim);margin-bottom:24px}.modal-body p+p{margin-top:12px}.modal-body strong{color:var(--text)}.modal-check{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;cursor:pointer}.modal-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin-top:2px;flex-shrink:0}.modal-check-text{font-size:13px;line-height:1.5;color:var(--text-dim)}.btn-acknowledge{background:var(--green);color:#000;border:none;padding:13px 28px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:all .15s;width:100%;text-transform:uppercase}.btn-acknowledge:hover:not(:disabled){box-shadow:0 0 16px var(--green-glow)}.btn-acknowledge:disabled{opacity:.4;cursor:not-allowed}.admin-section{margin-bottom:40px}.admin-section-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.06em;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table th,.user-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.05em}.user-table th{color:var(--text-faint);text-transform:uppercase;font-size:10px;letter-spacing:.15em}.role-select{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px;cursor:pointer}.rule-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.rule-field{display:flex;flex-direction:column;gap:6px}.rule-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}.rule-input{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:10px 12px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;width:100%}.rule-input:focus{outline:none;border-color:var(--accent)}.rule-stat{background:var(--bg);border:1px dashed var(--border-bright);border-radius:5px;padding:10px 12px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;width:100%}.rule-explain{margin-top:14px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;color:var(--text-dim)}.rule-explain strong{color:var(--text)}.rule-warn{color:var(--amber);display:block;margin-top:4px}.btn-save{background:var(--panel-2);border:1px solid var(--border-bright);color:var(--text);padding:10px 18px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s;text-transform:uppercase}.btn-save:hover{background:var(--border)}.nav{display:flex;gap:4px}.nav-link{background:none;border:none;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border-radius:5px;cursor:pointer;text-decoration:none;display:flex;align-items:center;transition:all .15s}.nav-link:hover{color:var(--text);background:var(--panel)}.nav-link.active{color:var(--text);background:var(--panel-2)}.clash-admin{display:flex;flex-direction:column;gap:16px}.clash-contestant{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.clash-contestant-name{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.04em}.clash-count{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;color:var(--amber)}.clash-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-reveal{background:var(--amber);color:#000;border:none;padding:10px 20px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:all .15s;text-transform:uppercase}.btn-reveal:hover:not(:disabled){filter:brightness(1.1)}.btn-reveal:disabled{opacity:.5;cursor:not-allowed}.btn-signout{background:none;border:1px solid var(--border);color:var(--text-dim);padding:7px 14px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;cursor:pointer;transition:all .15s;text-transform:uppercase}.btn-signout:hover{border-color:var(--accent);color:var(--accent)}.notif{position:relative;display:flex;align-items:center}.notif-bell{position:relative;background:none;border:1px solid var(--border);color:var(--text-dim);width:34px;height:34px;border-radius:6px;font-size:15px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.notif-bell:hover{border-color:var(--border-bright);color:var(--text);background:var(--panel)}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--accent-glow)}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:340px;overflow:hidden;background:var(--panel);border:1px solid var(--border-bright);border-radius:8px;box-shadow:0 16px 40px #0000008c;z-index:200}.notif-list{max-height:300px;overflow-y:auto}.notif-head{padding:12px 14px;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);background:var(--panel)}.notif-empty{padding:22px 16px;color:var(--text-faint);font-size:12px;text-align:center}.notif-item{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:start;padding:11px 14px;border-bottom:1px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-icon{font-size:13px;line-height:1.5}.notif-body{min-width:0;display:flex;flex-direction:column;gap:3px}.notif-text{font-size:12.5px;color:var(--text-dim);line-height:1.4;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.notif-comment{font-size:12px;color:var(--text);font-style:italic;line-height:1.4;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}.notif-text strong{color:var(--text);font-weight:600}.notif-time{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);white-space:nowrap}.rs-main{display:block}.rs-content{padding:28px 32px;max-width:1100px;margin:0 auto}.rs-hint{color:var(--text-dim);font-size:12.5px;margin:-6px 0 18px;line-height:1.5}.btn-save.sm{padding:7px 12px;font-size:10px}.rs-savebar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;transition:border-color .15s,background .15s}.rs-savebar.dirty{border-color:var(--amber);background:#ffb8000f}.rs-savebar-status{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--text-faint)}.rs-savebar.dirty .rs-savebar-status{color:var(--amber)}.rs-savebar-actions{display:flex;gap:10px;flex-shrink:0}.btn-ghost{background:none;border:1px solid var(--border-bright);color:var(--text-dim);padding:10px 18px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost:disabled,.rs-savebar .btn-save:disabled{opacity:.45;cursor:default}.run-sheet-grid{display:flex;flex-direction:column;gap:8px}.run-sheet-head,.run-sheet-row{display:grid;grid-template-columns:130px 1fr 1fr 40px;gap:10px;align-items:stretch}.run-sheet-head{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);padding:0 4px 4px}.run-sheet-time{display:flex;align-items:center}.rs-time-input{font-family:JetBrains Mono,monospace}.run-sheet-cell{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px;min-height:52px;display:flex;flex-direction:column;gap:8px;justify-content:center;transition:border-color .15s,background .15s}.run-sheet-cell.rs-over{border-color:var(--accent);background:#ff38380f}.run-sheet-actions{display:flex;align-items:center;justify-content:center}.rs-chip{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border-bright);border-radius:6px;padding:8px 10px;cursor:grab}.rs-chip:active{cursor:grabbing}.rs-chip-playlist{border-left:3px solid var(--green)}.rs-chip-dj{border-left:3px solid var(--amber)}.rs-chip-label{font-size:13px;font-weight:600;color:var(--text)}.rs-chip-count{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);background:var(--bg);border-radius:8px;padding:1px 6px;margin-left:4px}.rs-chip-edit{max-width:180px}.rs-newpl{display:flex;gap:6px}.rs-dj-select{width:100%}.rs-addrow{display:flex;gap:10px;margin-top:16px;align-items:center}.rs-tray{display:flex;flex-wrap:wrap;gap:10px;min-height:60px;padding:12px;background:var(--panel);border:1px dashed var(--border-bright);border-radius:8px;transition:border-color .15s,background .15s}.rs-tray.rs-over{border-color:var(--accent);background:#ff38380f}.rs-tray-empty{color:var(--text-faint);font-size:12px;align-self:center}.rs-tray-item{display:flex;align-items:center;gap:4px}.btn-ghost-danger{background:none;border:1px solid var(--border);color:var(--text-dim);width:28px;height:28px;border-radius:5px;cursor:pointer;font-size:12px;transition:border-color .15s,color .15s}.btn-ghost-danger.sm{width:24px;height:24px;font-size:11px}.btn-ghost-danger:hover{border-color:var(--accent);color:var(--accent)}.show-list{display:flex;flex-direction:column;gap:4px;margin-bottom:28px}.show-item{padding:12px 14px;border-radius:6px;border:1px solid transparent;transition:all .15s;position:relative}.show-item:hover{background:var(--panel-2);border-color:var(--border)}.show-item.is-link{cursor:pointer}.show-item.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.show-item.active{background:var(--panel-2);border-color:var(--border-bright)}.show-item.active:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.show-date{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.1em;margin-bottom:6px}.show-title{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text)}.show-title.muted{color:var(--text-faint);font-weight:500;font-style:italic}.show-dj{font-size:12px;color:var(--text-dim)}.show-dj.muted{color:var(--text-faint);font-style:italic}.show-meta{display:flex;gap:8px;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:10px}.show-meta span{padding:2px 6px;background:var(--bg);border-radius:3px;color:var(--text-dim)}.show-meta .approved{color:var(--green)}.show-meta .pending{color:var(--amber)}.show-empty{color:var(--text-faint);font-size:12px;padding:4px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 24px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.toast{position:fixed;bottom:24px;right:24px;background:var(--panel-2);border:1px solid var(--border-bright);border-radius:8px;padding:14px 20px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;color:var(--text);z-index:300;box-shadow:0 8px 24px #0006;max-width:360px;animation:slideIn .25s ease}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--accent)}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:400;background:var(--amber);color:#1a1200;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.04em;text-align:center;padding:8px 12px}.errboundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.errboundary-card{max-width:420px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:36px 32px}.errboundary-card h1{font-family:Bebas Neue,sans-serif;font-size:32px;color:var(--text);letter-spacing:.03em;margin-bottom:10px}.errboundary-card p{color:var(--text-dim);font-size:14px;line-height:1.6;margin-bottom:20px}.legal-page{min-height:100vh;padding:40px 20px;background:var(--bg);display:flex;justify-content:center}.legal-card{width:100%;max-width:760px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:36px 40px}.legal-back{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none}.legal-back:hover{color:var(--text)}.legal-body{color:var(--text-dim);line-height:1.6}.legal-body h1{font-family:Bebas Neue,sans-serif;font-size:40px;color:var(--text);margin:18px 0 4px;letter-spacing:.03em}.legal-body h2{color:var(--text);font-size:18px;margin:28px 0 8px}.legal-body p,.legal-body li{font-size:14px}.legal-body ul{padding-left:20px;margin:8px 0}.legal-body li{margin:6px 0}.legal-body a{color:var(--accent)}.legal-meta{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:11px}.login-legal{margin-top:18px;display:flex;gap:10px;justify-content:center;color:var(--text-faint)}.login-legal a{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;letter-spacing:.05em}.login-legal a:hover{color:var(--text-dim)}.admin-form-grid{display:grid;gap:12px;align-items:end}.admin-form-grid--users{grid-template-columns:1.3fr 1.6fr 1fr .8fr auto}.admin-form-grid--two{grid-template-columns:1fr 1fr}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll .user-table{min-width:480px}.sidebar-toggle,.rs-cell-label{display:none}@media(max-width:900px){.main{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);display:none}.sidebar.mobile-open{display:flex}.sidebar-scroll{overflow-y:auto;max-height:50vh}.sidebar-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:16px;padding:13px 16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.sidebar-toggle:hover{border-color:var(--border-bright)}.show-header{flex-direction:column;align-items:flex-start;gap:16px}.add-track-row{grid-template-columns:1fr}.track{grid-template-columns:32px 1fr}.rule-form,.admin-form-grid{grid-template-columns:1fr}}@media(max-width:600px){.header{flex-wrap:wrap;padding:14px 16px;gap:12px}.nav{order:3;width:100%}.brand-title{font-size:18px}.header-meta-name{display:none}.header-right{gap:12px}.content{padding:20px 16px}.show-header-left h1{font-size:34px}.dj-playlist-head{flex-wrap:wrap}.converter-bar,.download-section{flex-direction:column;align-items:stretch;gap:14px}.converter-dl{width:100%;display:flex}.converter-dl .btn-download{flex:1;text-align:center}.download-section .btn-download{width:100%}.votes{max-width:none}.clash-contestant{flex-wrap:wrap;gap:12px}.notif{position:static}.notif-dropdown{left:0;right:0;top:calc(100% + 8px);width:auto;max-width:none}.notif-bell{width:40px;height:40px}.btn-ghost-danger{width:38px;height:38px}.btn-ghost-danger.sm{width:34px;height:34px}.vote{min-height:40px}.toast{left:12px;right:12px;bottom:12px;max-width:none}}@media(max-width:700px){.run-sheet-head{display:none}.run-sheet-row{grid-template-columns:1fr;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}.run-sheet-time{flex-direction:column;align-items:stretch}.rs-cell-label{display:block;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.run-sheet-actions{justify-content:flex-end}.rs-savebar{flex-wrap:wrap}.rs-savebar-actions{width:100%}.rs-savebar-actions .btn-save,.rs-savebar-actions .btn-ghost{flex:1}.rs-addrow{flex-direction:column;align-items:stretch}}