:root{--bg:#0a0a0c;--surface:#131316;--surface-2:#1b1b20;--border:#29292f;--text:#f2f2f4;--text-2:#9a9aa3;--text-3:#5c5c66;--accent:#7c5cff;--accent-soft:#2a2144;--danger:#ff5c5c;--premium:#e8b34b;--success:#4cd98a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px}#root{min-height:100vh}h1{margin:0;font-size:22px}h2{margin:0 0 12px;font-size:17px}button{background:var(--accent);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}button:disabled{opacity:.4;cursor:default}button.secondary{background:var(--surface-2);border:1px solid var(--border);font-weight:500}button.danger{border:1px solid var(--border);color:var(--danger);background:0 0;font-weight:500}button.link{color:var(--accent);background:0 0;border:none;padding:4px;font-weight:500}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}label{color:var(--text-2);margin-bottom:4px;font-size:12px;display:block}.field{margin-bottom:12px}.row{gap:12px;display:flex}.row>*{flex:1}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.topbar .tabs{gap:8px;display:flex}.topbar .tabs button{color:var(--text-2);background:0 0;border:none;font-weight:500}.topbar .tabs button.active{color:var(--text);background:var(--accent-soft)}.container{max-width:1000px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}tr:last-child td{border-bottom:none}.badge{border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:11px}.badge.premium{color:var(--premium);border-color:var(--premium)}.badge.inactive{color:var(--danger);border-color:var(--danger)}.muted{color:var(--text-3);font-size:13px}.error{color:var(--danger);margin-top:8px;font-size:13px}.success{color:var(--success);margin-top:8px;font-size:13px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{width:360px}.cover-thumb{object-fit:cover;background:var(--accent-soft);border-radius:6px;width:40px;height:40px}progress{width:100%;height:6px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.kpi-value{color:var(--text);font-size:26px;font-weight:700;line-height:1.2}.kpi-sub{color:var(--premium);font-size:13px;font-weight:600}.kpi-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px}.bar-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.bar-row:last-child{margin-bottom:0}.bar-label{width:130px;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:13px;overflow:hidden}.bar-track{background:var(--surface-2);border-radius:5px;flex:1;height:10px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:5px;min-width:2px;height:100%}.bar-value{text-align:right;width:36px;color:var(--text);flex-shrink:0;font-size:13px}.signup-chart{align-items:flex-end;gap:2px;height:72px;display:flex}.signup-bar{background:var(--accent);border-radius:2px 2px 0 0;flex:1;min-height:2px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip.on:before{content:"✓ "}.hint{color:var(--text-3);margin:0 0 6px;font-size:12px}.variant-slot{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;margin-bottom:8px;padding:10px 12px}.variant-slot.saved{border-color:var(--success)}.variant-slot.pending{border-color:var(--accent)}.variant-state{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.variant-state strong{font-size:14px}.saved-badge{color:var(--success);border-color:var(--success)}.pending-badge{color:var(--accent);border-color:var(--accent)}.variant-file{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.variant-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.variant-controls input{flex:0 0 120px}.variant-file-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;margin:0;padding:9px 14px;font-size:14px;font-weight:500;display:inline-flex}.variant-file-btn:hover{border-color:var(--accent)}.variant-file-btn input[type=file]{display:none}.chip-with-action{align-items:center;gap:2px;display:inline-flex}.chip-remove{color:var(--text-3);background:0 0;border:none;padding:4px 6px;font-size:12px;line-height:1}.chip-remove:hover{color:var(--danger)}.author-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.author-row select{flex:1;min-width:0}.author-row button{flex:none;padding:8px 11px}