:root{--bg:#0b1020;--surface:#131a2b;--surface2:#192238;--text:#f6f8fc;--muted:#9ba9c3;--line:#283451;--primary:#6ea8fe;--danger:#ff6b6b;--radius:18px}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#172445 0,transparent 35%),var(--bg)}a{color:#a8c8ff;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(11,16,32,.88);backdrop-filter:blur(18px)}.nav-wrap{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;color:#fff}.nav{display:flex;align-items:center;gap:16px}.page{padding:42px 0 70px;min-height:calc(100vh - 130px)}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:42px 0 60px}.hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.05;margin:12px 0 20px;max-width:900px}.hero p{color:var(--muted);font-size:1.08rem;line-height:1.9}.hero-card,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--surface);border-radius:var(--radius);box-shadow:0 18px 50px rgba(0,0,0,.18)}.hero-card{padding:18px}.fake-row{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.fake-row:last-child{border:0}.eyebrow{color:#8fb9ff;font-size:.86rem;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:12px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none!important}.btn-primary{background:var(--primary);color:#081326}.btn-secondary{background:var(--surface2);border-color:var(--line);color:#fff}.btn-ghost{background:transparent;border-color:var(--line);color:#dce7fa}.btn-danger{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.45);color:#ffadad}.btn-sm{padding:8px 12px;font-size:.9rem}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.stats{grid-template-columns:repeat(5,1fr);margin-bottom:22px}.playlist-grid{grid-template-columns:repeat(3,1fr)}.card{padding:22px}.card h2{margin-top:0}.stat span{display:block;color:var(--muted);font-size:.9rem}.stat strong{display:block;font-size:2rem;margin-top:8px}.page-head,.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-head{margin-bottom:22px}.page-head h1{margin:5px 0 0}.section-card{margin-top:20px}.section-head h2{margin:0}.muted{color:var(--muted);line-height:1.8}.empty{text-align:center;color:var(--muted);padding:32px}.auth-card,.form-card{max-width:620px;margin:24px auto}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:8px;font-weight:700}.form-stack input,.form-stack textarea,.form-stack select{width:100%;background:#0f1628;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;outline:none}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#6ea8fe;box-shadow:0 0 0 3px rgba(110,168,254,.12)}.form-stack .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.form-stack .check input{width:auto}.inline-form{display:inline}.link-button{border:0;background:none;color:#a8c8ff;font:inherit;cursor:pointer;padding:0}.toast{padding:14px 16px;border-radius:12px;margin-bottom:16px;transition:.25s}.toast.success{background:rgba(68,208,130,.12);border:1px solid rgba(68,208,130,.35)}.toast.error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.35)}.toast.hide{opacity:0;transform:translateY(-6px)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:14px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.86rem}.badge{display:inline-flex;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.8rem}.badge.good{color:#8ff0bc}.meta{display:flex;gap:12px;color:var(--muted);font-size:.88rem;margin:16px 0}.details{display:grid;grid-template-columns:140px 1fr;gap:12px}.details dt{color:var(--muted)}.details dd{margin:0}.error-page{text-align:center;max-width:650px;margin:auto}.error-code{font-size:5rem;font-weight:900;color:#8fb9ff}.footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted)}code{display:block;direction:ltr;text-align:left;overflow:auto;padding:12px;border-radius:10px;background:#0b1222;border:1px solid var(--line)}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid.stats{grid-template-columns:repeat(2,1fr)}.playlist-grid,.grid.three{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container{width:min(100% - 22px,1120px)}.nav{gap:10px;font-size:.9rem}.hero{padding-top:18px}.grid.stats,.playlist-grid,.grid.three,.grid.two{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.card{padding:17px}.details{grid-template-columns:1fr}.hero h1{font-size:2.35rem}}
.align-start{align-items:start}.wide-form{max-width:850px}.filter-card{padding:18px}.filter-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:12px;align-items:end}.filter-grid label{display:grid;gap:7px;color:var(--muted);font-size:.85rem;font-weight:700}.filter-grid input,.filter-grid select{width:100%;background:#0f1628;color:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;outline:none}.filter-actions{display:flex;gap:8px}.table-card{padding:0}.table-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.table-actions form{margin:0}.compact-actions .btn{white-space:nowrap}.url-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.78rem;margin-top:5px}.source-badge{direction:ltr}.inline-meta{display:inline-block;margin-inline-start:7px;font-size:.82rem}.drag-cell{width:42px}.drag-handle{cursor:grab;display:inline-flex;padding:8px;user-select:none;font-size:1.15rem}.drag-handle:active{cursor:grabbing}tr.dragging{opacity:.45}tr.drag-over{outline:2px solid var(--primary);outline-offset:-2px}.reorder-head{margin-bottom:10px}.form-stack small{font-weight:400}.form-stack input[dir=ltr]{text-align:left}@media(max-width:1050px){.filter-grid{grid-template-columns:repeat(3,1fr)}.filter-actions{grid-column:span 3}}@media(max-width:700px){.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:span 2}.table-actions{min-width:190px}}@media(max-width:480px){.filter-grid{grid-template-columns:1fr}.filter-actions{grid-column:auto}}
.reorder-message{min-height:24px;margin:0 0 8px;font-size:.9rem}.success-text{color:#8ff0bc}.error-text{color:#ffadad}[data-save-order]:disabled{opacity:.6;cursor:not-allowed}
.playlist-link-card{display:grid;gap:14px}.playlist-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.playlist-link-row code{margin:0;min-width:0;white-space:nowrap;text-overflow:ellipsis}.small-note{font-size:.9rem;margin:0}.compact-link-row{grid-template-columns:minmax(0,1fr)}.inline-code{display:inline;padding:2px 6px;font-size:.85em;direction:ltr}.playlist-link-card .actions{justify-content:flex-start}@media(max-width:700px){.playlist-link-row{grid-template-columns:1fr}.playlist-link-row .actions{width:100%}.playlist-link-row .btn{flex:1}}