*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--border:#2e3348;--text:#e2e8f0;--text2:#94a3b8;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--yellow:#f59e0b;--radius:10px}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:14px}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}input,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:16px}input:focus,select:focus{border-color:var(--blue)}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.card-title{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:13px;font-weight:600}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--text2)}.badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.buy{color:#86efac;background:#166534}.badge.sell{color:#fca5a5;background:#7f1d1d}.stat-label{color:var(--text2);margin-bottom:4px;font-size:11px}.stat-val{font-size:22px;font-weight:700}.stat-sub{color:var(--text2);margin-top:2px;font-size:12px}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=960px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4-mobile-1{grid-template-columns:1fr!important}}.page{max-width:1300px;margin:0 auto;padding:20px 16px 80px}.form-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.form-col label{color:var(--text2);margin-bottom:4px;font-size:11px;display:block}.loader{text-align:center;color:var(--text2);padding:40px}.error-box{color:#fca5a5;background:#450a0a;border:1px solid #7f1d1d;border-radius:8px;margin-bottom:16px;padding:12px 16px}.text-right{text-align:right}.nowrap{white-space:nowrap}.overflow-x{overflow-x:auto}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.header-logo{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.header-nav{gap:4px;display:flex}.header-rate{color:var(--text2);font-size:12px}.tab{color:var(--text2);background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 18px}.tab.active{background:var(--surface2);border-color:var(--border);color:var(--text)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:200;justify-content:space-around;align-items:center;height:62px;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text2);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0;font-size:10px;display:flex}.bottom-nav-item.active{color:var(--blue)}.bottom-nav-icon{font-size:20px;line-height:1}.mobile-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:14px}.mobile-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.mobile-card-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{color:var(--text2);font-size:11px}.btn-primary{background:var(--blue);color:#fff}.btn-danger{background:var(--red);color:#fff;padding:3px 8px;font-size:11px}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}@media (width<=640px){.header-nav{display:none}.bottom-nav{display:flex}.page{padding:12px 12px 80px}.card{padding:14px}.stat-val{font-size:18px}.desktop-only{display:none!important}.form-row{grid-template-columns:1fr 1fr}}@media (width>=641px){.mobile-only{display:none!important}}