*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #131719;--paper: #1b2123;--ink: #e9e3d6;--muted: #8b9694;--line: #2a3233;--accent: #d99a4a;--accent-soft: #2a231a;--surface: #161c1e;--surface-hover: #232b2d;--input: #141a1c;--success: #8fc29f;--danger: #e08a72;--pending: #e0a94e;--radius: 10px}html,body,#root{height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-family:Libre Baskerville,Georgia,serif;font-weight:400}button{font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--surface);border-right:1px solid var(--line);padding:1.4rem 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.65rem;padding:0 1.3rem 1.3rem;border-bottom:1px solid var(--line)}.brand .dot{width:30px;height:30px;border-radius:50%;flex:none;background:radial-gradient(circle at 30% 30%,#e8b26a,#c88a3a 60%,#7c5520);box-shadow:0 1px 3px #0006}.brand b{font-family:Libre Baskerville,Georgia,serif;font-size:.92rem;line-height:1.2;display:block}.brand small{color:var(--muted);font-size:.68rem}nav{flex:1;padding:1rem .8rem;display:flex;flex-direction:column;gap:2px}.nav-label{font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.8rem .6rem .35rem}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:8px;color:var(--ink);font-size:.86rem;font-weight:500;cursor:pointer;border:none;background:none;text-align:left;width:100%}.nav-item:hover{background:var(--surface-hover)}.nav-item.active{background:var(--surface-hover);font-weight:700}.nav-item .ic{width:17px;height:17px;opacity:.75;display:flex;align-items:center;justify-content:center}.nav-item .pill{margin-left:auto;background:var(--accent-soft);color:var(--pending);font-size:.66rem;font-weight:700;border-radius:999px;padding:1px 8px}.sidebar-foot{margin-top:auto;padding:1rem 1.3rem;border-top:1px solid var(--line)}.user{display:flex;align-items:center;gap:.6rem}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#17130a;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900}.user small{display:block;color:var(--muted);font-size:.72rem}main{padding:2rem 2.2rem;max-width:1160px;width:100%}.view{display:block}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.6rem;gap:1rem}.topbar h1{font-size:1.55rem}.topbar .sub{color:var(--muted);font-size:.86rem;margin-top:.2rem}.btn{font-size:.84rem;font-weight:700;cursor:pointer;border-radius:8px;padding:.5rem .95rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;gap:.4rem}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--accent);color:#17130a;border-color:var(--accent)}.btn.primary:hover{background:#e3a85b}.btn.approve{background:var(--success);color:#0f1a13;border-color:var(--success)}.btn.approve:hover{background:#9cc9a9}.btn.reject{background:transparent;color:var(--danger);border-color:var(--danger)}.btn.reject:hover{background:#3a2420}.btn:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.4rem}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.stat .k{font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat .v{font-size:1.6rem;font-family:Libre Baskerville,Georgia,serif;margin-top:.3rem}.stat .d{font-size:.74rem;color:var(--muted);margin-top:.2rem}.stat .up{color:var(--success);font-weight:700}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.grid-2{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:1rem;align-items:start}.toolbar{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.search{flex:1;min-width:200px;padding:.5rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--input);font-family:inherit;font-size:.84rem;color:var(--ink)}.search::placeholder{color:var(--muted)}.chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:.78rem;font-weight:600;cursor:pointer;color:var(--muted)}.chip.on{background:var(--accent);color:#17130a;border-color:var(--accent)}.badge{font-size:.66rem;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap}.badge-pending{background:#3a2f18;color:var(--pending)}.badge-approved{background:#20332a;color:var(--success)}.badge-rejected{background:#3a2420;color:var(--danger)}.badge-live{background:#20332a;color:var(--success)}.badge-draft{background:#262e30;color:#9aa5a4}.badge-scheduled{background:#20303d;color:#7fa8c9}.track{display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;border-bottom:1px solid var(--line);cursor:pointer}.track:last-child{border-bottom:none}.track:hover{background:var(--surface-hover)}.track.sel{background:var(--accent-soft)}.track .play{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink)}.track.sel .play{background:var(--accent);color:#17130a;border-color:var(--accent)}.track .meta{flex:1;min-width:0}.track .t{font-weight:600;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .s{font-size:.72rem;color:var(--muted)}.wave{display:flex;gap:1.5px;height:26px;align-items:center}.wave i{width:3px;background:#3d3a32;border-radius:2px;display:block}.track.sel .wave i{background:var(--accent)}.player{padding:1.1rem}.player .art{display:flex;gap:1rem;align-items:center}.cover{width:92px;height:92px;border-radius:10px;background:linear-gradient(135deg,#e9c98f,#b7793a 60%,#7c5520);position:relative;overflow:hidden;flex:none}.cover:after{content:"♪";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#17130acc;font-size:2rem;font-family:Georgia,serif}.bigwave{display:flex;gap:2px;height:44px;align-items:center;margin-top:1rem}.bigwave i{width:4px;background:var(--accent);border-radius:2px;display:block;opacity:.8}.progress{height:5px;background:var(--line);border-radius:4px;margin-top:.6rem}.progress span{display:block;height:100%;width:42%;background:var(--accent);border-radius:4px}.time{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:.4rem}.actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem;align-items:center}.tag{font-size:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--muted)}label{display:block;font-weight:700;font-size:.78rem;margin:.9rem 0 .3rem}input[type=text],select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--input);font-family:inherit;font-size:.84rem;color:var(--ink)}textarea{min-height:96px;resize:vertical;line-height:1.5}input[readonly]{color:var(--muted)}.genre-card{padding:1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer}.genre-card:hover{border-color:var(--accent)}.genre-card.sel{border-color:var(--accent);box-shadow:0 0 0 2px #d99a4a38}.genre-card h3{font-size:1rem;margin-bottom:.3rem}.genre-card p{font-size:.78rem;color:var(--muted)}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.2rem}.chart{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.chart svg{width:100%;height:200px}table{width:100%;border-collapse:collapse;font-size:.82rem}th{text-align:left;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.6rem .8rem;border-bottom:1px solid var(--line)}td{padding:.65rem .8rem;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-hover)}.meta-chips{display:flex;gap:.4rem;flex-wrap:wrap}.meta-chips span{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:.72rem;color:var(--muted)}.hint{font-size:.76rem;color:var(--muted)}.hint code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--pending)}.empty{padding:2rem;text-align:center;color:var(--muted)}.error-banner{background:#3a2420;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);padding:.7rem 1rem;margin-bottom:1rem;font-size:.84rem}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:1fr}}