.shell{color:#e6eef6;background:#0b1220;height:100vh;font-family:ui-sans-serif,system-ui,-apple-system;display:flex}.sidebar{background:linear-gradient(#0f1724 0%,#0b1220 100%);border-right:1px solid #ffffff0f;flex-direction:column;padding:12px;transition:width .2s;display:flex}.sidebarHeader{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.brand{letter-spacing:.4px;opacity:.9;font-size:14px;font-weight:600}.toggleBtn{color:#e6eef6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:32px;height:32px;margin-left:auto;font-size:16px;transition:all .15s}.toggleBtn:hover{background:#ffffff14;transform:translateY(-1px)}.nav{flex-direction:column;gap:6px;display:flex}.navItem{color:#e6eef6b3;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:all .15s;display:flex}.navItem:hover{color:#fff;background:#ffffff0d}.navItemActive{color:#fff;background:#6366f126;box-shadow:inset 0 0 0 1px #6366f14d}.navIcon{text-align:center;width:20px}.navText{font-size:13px;font-weight:500}.main{flex:1;padding:16px;overflow:auto}:root{--bg:#0b1220;--panel:#0f1724;--muted:#9aa4b2;--card:#0b1220;--accent:#6ee7b7;--glass:#ffffff08}html,body,#root{height:100%}body{color:#e6eef6;background:linear-gradient(#05060a 0%,#071122 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.app-root{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{border:1px solid var(--glass);background:linear-gradient(#ffffff05,#ffffff03);border-radius:12px;flex-direction:column;width:100%;max-width:1600px;display:flex;box-shadow:0 8px 24px #02061799}.card-header{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.card-header h2{margin:0;font-size:18px}.controls{align-items:center;gap:8px;display:flex}.input{color:var(--muted);background:0 0;border:1px solid #ffffff0a;border-radius:8px;min-width:260px;padding:8px 10px}.btn{background:var(--accent);color:#042018;cursor:pointer;border:none;border-radius:8px;padding:8px 12px}.card-body{flex-direction:column;padding:0 20px 16px;display:flex}.table-wrap{border-top:1px solid #ffffff05;margin-bottom:16px;position:relative;overflow:auto}.songs-table{border-collapse:collapse;width:100%;min-width:900px}.songs-table th,.songs-table td{text-align:left;padding:12px 14px;font-size:13px}.songs-table thead th{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:linear-gradient(#ffffff03,#fff0);position:sticky;top:0}.songs-table tbody tr:nth-child(2n){background:0 0}.songs-table tr{border-bottom:1px solid #ffffff05}.songs-table a{color:#7dd3fc;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.songs-table a:hover,.songs-table a:focus{color:#d1f5ff;text-decoration:underline}.summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 12px;display:flex}.summary-item{color:var(--muted);font-size:14px}.pagination-controls,.page-size{align-items:center;gap:10px;display:flex}.pagination-controls button,.page-btn{color:#e6eef6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 12px}.pagination-controls button:disabled,.page-btn:disabled{visibility:hidden}.page-size select{color:#e6eef6;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px}.subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.spinner-overlay{opacity:0;pointer-events:none;background:#0b1220bf;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.spinner-overlay.visible{opacity:1;pointer-events:auto}.spinner{border:4px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted);text-align:center;padding:18px}.error{color:#ffb4b4;padding:8px 0}@media (width<=720px){.songs-table{min-width:700px}.input{min-width:140px}.summary-row{padding:0 10px 12px}}