:root{--bg:#16191f;--panel:#20242c;--muted:#a7aebc;--line:#ffffff10;--gold:#dcaf60}
body{background:var(--bg);color:#eef0f5;font-size:13px}
.portal-icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}
.layout{grid-template-columns:236px minmax(0,1fr)}
.sidebar{background:#101217;border-right:1px solid #ffffff08;padding:26px 16px;gap:28px}
.brand img{width:132px}.sidebar>.brand{padding:10px 0 24px;border-bottom:1px solid var(--line)}
.sidebar .eyebrow{padding:0 14px;color:#707b8e;font-size:9px;margin-bottom:14px}
.nav{gap:5px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#a1abba;border-left:3px solid transparent;font-size:12px}
.nav a .portal-icon{width:18px;height:18px;color:#6f7b90}.nav a.active{background:linear-gradient(90deg,#dcaf6022,#dcaf6009);border-left-color:var(--gold);color:#f4d49c}.nav a.active .portal-icon{color:var(--gold)}.nav a:hover{background:#ffffff06;color:#fff}
.sidebar-foot{padding:16px 12px 0;border-top:1px solid var(--line)}
.topbar{background:#1c2027;padding:15px 28px;min-height:76px;border-bottom:1px solid #ffffff08}
.topbar>.eyebrow{color:#8e98a9}.header-status{gap:12px}.header-status>.pill{background:#11151b;border:1px solid #ffffff0c;padding:7px 11px;font-size:10px}
.header-status small a{color:var(--gold);font-weight:700}.content{padding:28px;max-width:1660px}
h1{font-size:28px;letter-spacing:-.035em}h2{font-size:17px}p{line-height:1.7}
.card{background:var(--panel);border:1px solid #ffffff09;box-shadow:0 5px 20px #00000012;border-radius:10px;padding:23px}
.gold{background:linear-gradient(135deg,#e3bd78,#c89743);border-color:#d8a957;box-shadow:0 3px 12px #c8974315;color:#17130d}
button,.button{font-size:12px;border-radius:6px}input,select,textarea{background:#171b22;border-color:#ffffff14;color:#edf0f6}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.workspace-heading h1{margin:8px 0}.workspace-heading p{margin:0}.workspace-heading .button{flex-shrink:0;padding:12px 20px}
.workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.metric{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid #ffffff08;border-radius:10px;padding:21px}
.metric span{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:32px;line-height:1.3;margin-top:7px;font-weight:600}
.metric-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;flex-shrink:0}.metric.blue .metric-icon{color:#82b0ff;background:#497ed720}.metric.green .metric-icon{color:#65cfac;background:#35b38a18}.metric.amber .metric-icon{color:#eab778;background:#d59b421c}.metric.gold .metric-icon{color:var(--gold);background:#dcaf6018}
.workspace-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.workspace-panels .card{margin:0}
.card-head h2{margin:5px 0 0}.activity-total{display:flex;align-items:center;gap:14px;margin:20px 0 10px}.activity-total strong{font-size:32px}.activity-total span{font-size:11px;color:var(--muted);max-width:180px}
.activity-chart{display:flex;gap:10px;height:145px;margin:15px 0 12px;border-bottom:1px solid var(--line)}.chart-month{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column}.chart-value{font-size:10px;height:18px;color:var(--gold)}.chart-track{height:100px;width:100%;display:flex;align-items:flex-end;border-bottom:1px solid #ffffff0a}.chart-bar{width:100%;background:linear-gradient(0deg,#a37532,#e0b971);border-radius:4px 4px 0 0;min-height:2px}.chart-month small{font-size:9px;margin-top:9px}.activity-panel>small{font-size:10px}
.workshop-panel{border:1px solid #d6a64f24;border-radius:10px;padding:30px;background:linear-gradient(100deg,#10151bef,#10151b99),url('assets/portal-prestige-workshop.jpg') center/cover;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.workshop-panel h2{font-size:29px;line-height:1.25;margin:15px 0 0}.workshop-panel p{max-width:290px;font-size:12px}.workshop-panel .button{background:#ffffff0b}.workshop-note{margin-top:24px;font-size:10px;color:#bec5d0;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}
.service-shortcut{display:flex;align-items:center;gap:14px;padding:22px 18px;background:#222730;border:1px solid #ffffff0b;border-radius:9px}.service-shortcut:hover{border-color:#dcaf6055;background:#282d36}.shortcut-icon{display:grid;place-items:center;width:43px;height:43px;background:#dcaf6010;border-radius:10px;color:var(--gold);flex-shrink:0}.service-shortcut h2{font-size:14px;margin:0}.service-shortcut p{font-size:11px;margin:4px 0 0}.service-shortcut>.portal-icon{margin-left:auto;color:#707b8e;width:16px}
.workspace-bottom{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);gap:22px}.workspace-bottom>.card{min-width:0;margin:0}.updates-panel .update-icon{background:#dcaf6010;border-radius:10px;color:var(--gold);display:inline-flex;padding:13px;margin-top:15px}.updates-panel p{font-size:12px}
table{font-size:11px}th{font-size:10px;color:#7f8ba0;text-transform:uppercase;letter-spacing:.04em;background:#ffffff02}td{padding:16px 10px}td a{color:#e0e5ee}.pill{border-radius:5px;padding:5px 9px}.pill.queued{background:#477fde18;color:#86b4ff}.pill.working{background:#dcaf601a;color:#dfb76d}.pill.ready{background:#35b38a18;color:#74d5b2}
.addon,.rateForm,.bundleForm{background:#1a1e25;border-color:#ffffff10}.addon:has(input:checked){border-color:var(--gold);background:#dcaf600b}.upload-progress button{background:#171b22}.credit-hero{min-height:160px}
@media(max-width:1200px){.workspace-stats{gap:10px}.metric{padding:16px}.workspace-shortcuts{gap:10px}.service-shortcut{padding:18px 12px;gap:10px}.workspace-bottom{grid-template-columns:1fr}.workspace-panels{grid-template-columns:1.3fr 1fr}}
@media(max-width:1000px){.layout{grid-template-columns:190px minmax(0,1fr)}.content{padding:22px}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-panels{grid-template-columns:1fr}.workspace-shortcuts{grid-template-columns:1fr}.workshop-panel{min-height:250px}.activity-chart{gap:7px}}
@media(max-width:700px){.layout{display:block}.content{padding:20px 14px 60px}.topbar{padding:12px 16px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:16px}.workspace-heading h1{font-size:25px}.workspace-heading p{font-size:12px}.workspace-heading .button{width:100%}.metric{padding:14px 12px;gap:8px}.metric strong{font-size:28px}.metric-icon{width:33px;height:33px;border-radius:9px}.metric span{font-size:10px}.metric-icon .portal-icon{width:18px;height:18px}.card{padding:18px}.activity-chart{gap:5px}.chart-month small{font-size:8px}.sidebar.open{width:260px}.workspace-panels,.workspace-shortcuts,.workspace-bottom{gap:16px;margin-bottom:16px}}
.metric.gold{color:#eef0f5;box-shadow:none}.metric.gold strong{color:var(--gold)}