:root{--bg:#f7f0df;--surface:#fffaf0cc;--surface-strong:#fff8ec;--border:#4c331124;--text:#3e2e1f;--muted:#7d664c;--heading:#1e160d;--accent:#a54e2d;--accent-strong:#5f250f;--accent-soft:#a54e2d1f;--success:#28745a;--warning:#a66a10;--danger:#9f2f2f;--shadow:0 24px 60px #4926111f;--mono:"IBM Plex Mono", "SFMono-Regular", monospace;--sans:"IBM Plex Sans", "Segoe UI", sans-serif;--serif:"Fraunces", "Iowan Old Style", serif;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffc97c8c,#0000 32%),radial-gradient(circle at 100% 0,#b7dbbd66,#0000 28%),linear-gradient(#fff7eb 0%,#f7f0df 48%,#f1e6d1 100%);line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit}p,h1,h2,h3,dl,dd,dt,pre{margin:0}.operator-shell{min-height:100vh;padding:32px}.hero-band{border:1px solid var(--border);background:linear-gradient(135deg, #fff7e7f5, #fff1d8d1), var(--surface-strong);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:24px;padding:28px;display:grid}.eyebrow,.panel-kicker,.meta-label,.stat-label,dt{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.75rem}h1,h2,h3{color:var(--heading)}h1{font-family:var(--serif);margin-top:8px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.92}h2{font-family:var(--serif);font-size:1.7rem}h3{font-size:1rem}.hero-copy{max-width:44rem;color:var(--muted);margin-top:16px;font-size:1.04rem}.hero-meta{gap:12px;display:grid}.meta-card,.panel,.stat-card,.notice,.detail-card,.tx-card,.namespace-card,.ghost-button,.pill,.status-chip{border:1px solid var(--border)}.meta-card{background:#ffffff8c;border-radius:18px;padding:16px 18px}.token-card{gap:10px;display:grid}.token-input{border:1px solid var(--border);width:100%;min-height:0;color:var(--heading);background:#ffffffd1;border-radius:14px;padding:12px}.error-text{color:var(--danger)}.token-actions{flex-wrap:wrap;gap:10px;display:flex}.meta-card strong{color:var(--heading);word-break:break-word;margin-top:6px;display:block}.content-grid{grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.session-strip{justify-content:space-between;align-items:center;gap:16px;display:flex}.session-copy{gap:4px;display:grid}.session-actions{align-items:center;gap:12px;display:flex}.main-column{gap:24px;display:grid}.panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:24px;padding:24px}.sidebar-panel{align-self:start;position:sticky;top:24px}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.ghost-button,.namespace-card,.topup-row{transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.ghost-button{color:var(--accent-strong);cursor:pointer;background:#ffffff85;border-radius:999px;padding:10px 14px}.ghost-button:hover,.namespace-card:hover,.topup-row:hover{border-color:#5f250f47;transform:translateY(-1px)}.namespace-list{gap:12px;display:grid}.namespace-card{text-align:left;cursor:pointer;background:#ffffff7a;border-radius:20px;width:100%;padding:16px}.namespace-card.active{background:linear-gradient(135deg,#ffe7c2f2,#f4d0b2d1);box-shadow:0 16px 32px #7940191f}.namespace-name,.namespace-meta{display:block}.namespace-headline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.namespace-name{color:var(--heading);font-weight:600}.namespace-balance{color:var(--accent-strong);font-family:var(--mono);flex-shrink:0;font-size:.9rem}.namespace-meta,.muted{color:var(--muted)}.namespace-meta{margin-top:6px;font-size:.92rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#fff9;border-radius:20px;padding:18px}.stat-card strong{color:var(--heading);margin-top:10px;font-size:clamp(1.3rem,2vw,2rem);display:block}.stat-meta{color:var(--muted);margin-top:10px;display:block}.warm{background:linear-gradient(135deg,#ffe7beeb,#fff4dfc2)}.cool{background:linear-gradient(135deg,#dbefe1f2,#f6faf7b8)}.neutral{background:linear-gradient(135deg,#f6f0e6f5,#fffaf3b8)}.table-panel{border:1px solid var(--border);border-radius:20px;overflow:hidden}.table-row{grid-template-columns:1.5fr 1fr .8fr .9fr .9fr 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#623d1c0f;font-size:.8rem}.table-body{display:grid}.topup-row{text-align:left;border:0;border-top:1px solid var(--border);cursor:pointer;background:#ffffff80;width:100%}.topup-row.selected{background:#ffe5c1b3}.status-chip,.pill{background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.78rem;display:inline-flex}.status-chip.pending,.pill.warning{color:var(--warning);background:#f0c8812e}.status-chip.settled,.pill.success{color:var(--success);background:#5bad8724}.status-chip.failed,.pill.error{color:var(--danger);background:#b94e4e1f}.pill.muted{color:var(--muted)}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.detail-card{background:#ffffff8c;border-radius:20px;padding:18px}.invoice-card{grid-column:span 2}dl{gap:14px;margin-top:14px;display:grid}dd{color:var(--heading);margin-top:4px}pre,.mono{font-family:var(--mono)}pre{background:#3e2e1f0f;border-radius:16px;margin-top:14px;padding:14px;font-size:.85rem;overflow:auto}.notice{background:#ffffff8c;border-radius:18px;padding:16px}.notice.error{background:#b74a4a14}.muted-box{color:var(--muted)}.tx-list{gap:12px;margin-top:16px;display:grid}.tx-card{background:#ffffffb8;border-radius:16px;padding:14px}.tx-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=1180px){.content-grid,.hero-band,.detail-grid,.stats-grid{grid-template-columns:1fr}.sidebar-panel{position:static}.invoice-card{grid-column:span 1}}@media (width<=820px){.operator-shell{padding:16px}.panel,.hero-band{padding:18px}.panel-header,.tx-topline,.session-strip,.namespace-headline{flex-direction:column;align-items:start}.table-head{display:none}.table-row{grid-template-columns:1fr}}