:root{--bg:#090b0f;--surface:#11151b;--surface-2:#171c23;--border:#252c36;--text:#f5f7fa;--muted:#929ca9;--accent:#d4ad7f;--accent-2:#f0d6b7;--green:#43d39e;--red:#ff6b75;--shadow:0 24px 80px rgba(0,0,0,.35);font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(212,173,127,.09),transparent 30%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted)}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--border);background:rgba(9,11,15,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:1.02rem}.brand b{color:var(--accent-2)}.brand-mark{width:54px;height:54px;border:1px solid var(--accent);border-radius:18px;display:grid;place-items:center;font-family:Georgia,serif;color:var(--accent-2);font-size:1.7rem;background:linear-gradient(145deg,rgba(212,173,127,.18),rgba(212,173,127,.02));box-shadow:inset 0 0 0 5px rgba(0,0,0,.15)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:1.2rem}.header-actions{display:flex;gap:10px;align-items:center}.status-pill,.safety-badge{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:.78rem}.status-pill i{width:7px;height:7px;border-radius:50%;background:#89919b}.status-pill.online{color:#bdf8df;border-color:rgba(67,211,158,.3);background:rgba(67,211,158,.08)}.status-pill.online i{background:var(--green);box-shadow:0 0 12px var(--green)}.status-pill.offline{color:#ffc3c8;border-color:rgba(255,107,117,.35)}.status-pill.offline i{background:var(--red)}.icon-button,.quiet-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer}.icon-button{font-size:1.15rem}.icon-button:hover,.quiet-button:hover{border-color:var(--accent);color:var(--accent-2)}
.dashboard-shell{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.hero-row h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.055em;margin:0 0 9px}.hero-row p{margin-top:0}.safety-badge{border-radius:16px;align-items:flex-start;flex-direction:column;padding:12px 16px}.safety-badge strong{color:var(--green);font-size:.73rem}.safety-badge span{font-size:.72rem}
.metric-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:14px;margin-bottom:14px}.metric-card,.panel{border:1px solid var(--border);background:linear-gradient(145deg,rgba(23,28,35,.94),rgba(14,18,23,.94));border-radius:20px;box-shadow:var(--shadow)}.metric-card{padding:24px;min-height:154px;display:flex;flex-direction:column;justify-content:space-between}.metric-card.featured{border-color:rgba(212,173,127,.45);background:linear-gradient(145deg,rgba(78,59,40,.48),rgba(19,20,22,.96))}.metric-card p,.metric-card span{margin:0;color:var(--muted);font-size:.78rem}.metric-card strong{font-size:clamp(1.5rem,2.8vw,2.65rem);letter-spacing:-.045em}.panel{padding:24px;margin-bottom:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.panel-heading h2{margin:0;font-size:1.15rem}.count-chip{min-width:32px;padding:6px 10px;border-radius:99px;background:var(--surface-2);text-align:center;color:var(--accent-2);font-size:.75rem}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.content-grid>.panel{margin:0 0 14px}.asset-list{display:grid;gap:3px}.asset-row{display:grid;grid-template-columns:minmax(120px,1fr) repeat(4,minmax(90px,.72fr));align-items:center;gap:16px;padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.asset-row:last-child{border:0}.asset-symbol{display:flex;align-items:center;gap:12px;font-weight:750}.coin{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(212,173,127,.3),rgba(212,173,127,.07));color:var(--accent-2);font-size:.7rem}.asset-cell small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:4px}.asset-cell strong{font-size:.88rem}.positive{color:var(--green)}.negative{color:var(--red)}
.order-list,.audit-list{display:grid;gap:8px}.order-card,.audit-row{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.14);display:flex;justify-content:space-between;gap:14px;align-items:center}.order-card strong,.audit-row strong{font-size:.84rem}.order-card span,.audit-row span{font-size:.72rem;color:var(--muted)}.empty-state,.chart-empty{min-height:120px;display:grid;place-items:center;color:var(--muted);font-size:.82rem}.chart{height:200px;position:relative}.chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-label{fill:var(--muted);font-size:10px}.error-banner{border:1px solid rgba(255,107,117,.35);background:rgba(255,107,117,.1);color:#ffc3c8;padding:14px 18px;border-radius:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border);font-size:.78rem}th{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}td{color:#dce1e7}.compact-panel{margin-top:14px}.skeleton{border-radius:14px;background:linear-gradient(90deg,var(--surface-2),#222832,var(--surface-2));background-size:240% 100%;animation:pulse 1.4s infinite}.skeleton.tall{height:250px}@keyframes pulse{to{background-position:-240% 0}}
.login-page{display:grid;place-items:center;padding:28px}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.login-brand{padding:clamp(36px,7vw,90px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 15%,rgba(212,173,127,.18),transparent 35%),linear-gradient(145deg,#171719,#0d1014)}.login-brand h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.96;letter-spacing:-.06em;margin:28px 0}.login-brand h1 span{color:var(--accent-2)}.login-copy{max-width:480px;color:var(--muted);line-height:1.7}.trust-row{margin-top:45px;color:#c9d0d8;font-size:.78rem;display:flex;gap:9px;align-items:center}.trust-row span{width:8px;height:8px;border-radius:50%;background:var(--green)}.login-card{padding:clamp(34px,6vw,72px);display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:2rem;margin:0 0 8px}.login-card form{display:grid;gap:18px;margin-top:34px}.login-card label{display:grid;gap:8px;font-size:.76rem;color:#c6cbd2}.login-card input{width:100%;border:1px solid var(--border);border-radius:13px;background:#0c0f13;color:var(--text);padding:14px 15px;outline:0}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,173,127,.1)}.primary-button{border:0;border-radius:13px;padding:15px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#21180e;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.primary-button:disabled{opacity:.65}.form-error{margin:0;color:#ff9ca4;font-size:.78rem}.security-note{margin-top:28px;color:var(--muted);font-size:.7rem;line-height:1.5}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{min-height:560px}.asset-row{grid-template-columns:1.2fr repeat(2,1fr)}.asset-cell.optional{display:none}}
@media(max-width:600px){.topbar{height:64px;padding:0 15px}.brand>span:last-child,.quiet-button{display:none}.status-pill span{font-size:.67rem}.dashboard-shell{width:calc(100% - 24px);padding-top:28px}.hero-row{align-items:flex-start;flex-direction:column}.safety-badge{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:16px;min-height:126px}.metric-card strong{font-size:1.45rem}.panel{padding:17px;border-radius:16px}.asset-row{gap:8px;padding:13px 5px}.asset-cell strong{font-size:.76rem}.coin{width:30px;height:30px}.login-page{padding:0}.login-shell{border:0;border-radius:0;min-height:100vh}.chart{height:150px}}