:root{--accent:#7c3aed;--accent-2:#2dd4bf;--muted:#6b7280;--bg:#ffffff;--card:#ffffff;--border:#eef2ff;--glass: rgba(124,58,237,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:#0f172a}.app-root{display:flex;flex-direction:column;min-height:100vh}.header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brandLogo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.brandText{font-weight:700}.header-actions{display:flex;gap:10px;align-items:center}.header-btn{border:none;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}.header-btn.artist{background:var(--accent);color:#fff}.header-btn.admin{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#fff}.app-body{display:flex;gap:20px;padding:20px}.sidebar{width:220px;background:transparent;border-right:1px solid var(--border);padding:18px;border-radius:12px}.brandRow{display:flex;align-items:center;gap:10px}.brandLogoSmall{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#9f7aea)}.brandTextSmall{font-weight:700;color:#111}.sideNav{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:10px}.navBtn{background:none;border:none;padding:10px 8px;text-align:left;cursor:pointer;border-radius:8px;color:#111;font-weight:600}.navBtn:hover{background:var(--glass);color:var(--accent)}.app-main{flex:1;min-height:calc(100vh - 120px);overflow:auto;padding:12px}.pageCard{background:var(--card);border:1px solid var(--border);padding:18px;border-radius:12px;box-shadow:0 6px 18px #0f172a08}.modalInput{width:100%;padding:10px;border-radius:10px;border:1px solid #e8e8f8;margin-top:8px}.primaryBtn{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.secondaryBtn{background:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:10px;cursor:pointer}.uploadCard{padding:12px;background:linear-gradient(180deg,#fff,#fbfbff);border-radius:12px;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modalOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a1f;z-index:60}.modalCard{width:640px;background:#fff;padding:18px;border-radius:12px;border:1px solid var(--border)}.smallMuted{font-size:13px;color:var(--muted)}.hint{font-size:13px;color:var(--muted);margin-top:8px}@media(max-width:900px){.sidebar{display:none}.app-body{padding:12px}.header{padding:0 12px}}