:root{color:#edf7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050b16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#0b1730 0%,#050b16 42%);min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{min-height:100vh}.topbar,.toolbar,.content{padding-left:clamp(18px,7vw,108px);padding-right:clamp(18px,7vw,108px)}.topbar{border-bottom:1px solid #172238;justify-content:space-between;align-items:center;gap:24px;min-height:116px;display:flex}.brand-block{align-items:center;gap:15px;display:flex}.logo{color:#04120f;background:linear-gradient(135deg,#16d8b1,#1ea7ff);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 24px #16d8b155}.title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}h1{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(22px,2vw,31px)}h1 span{color:#17d4ad}.brand-block p{color:#8290a9;margin:5px 0 0;font-size:13px}.live-pill{color:#20d9b1;border:1px solid #0d725f;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.button{color:#dfe9f6;background:#152036;border:1px solid #2a3852;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:750;display:inline-flex}.button:hover{border-color:#3d526f;transform:translateY(-1px)}.button.accent{color:#05201a;background:#19d5ad;border-color:#19d5ad;box-shadow:0 0 22px #19d5ad33}.button.small{border-radius:9px;padding:8px 13px;font-size:13px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{color:#8290a9;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #172238;justify-content:space-between;align-items:center;gap:16px;min-height:68px;font-size:12px;display:flex}.tracker-stack{gap:6px;display:grid}.timestamp,.view-counter,.toolbar-right,.view-toggle,.section-heading>div,.threshold-strip{align-items:center;gap:9px;display:flex}.view-counter{color:#6f7e97}.toolbar-right{gap:18px}.view-toggle{background:#111a2c;border:1px solid #26344e;border-radius:999px;padding:3px}.view-toggle button{color:#74839f;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:750;display:flex}.view-toggle button.active{color:#052019;background:#18d1a8}.auto-refresh{color:#aab5c8;text-transform:none;letter-spacing:normal}.auto-refresh:first-letter{color:#18d1a8}.content{padding-top:28px;padding-bottom:64px}.notice{color:#bdeee4;background:#0b2425;border:1px solid #28524d;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.notice button{color:#83b8ae;background:0 0;border:0;padding:2px}.section-heading{color:#91a1bb;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.threshold-strip{color:#aebad0;background:#0d1627;border:1px solid #25344d;border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:13px}.threshold-strip span{color:#ff6d96;background:#271321;border:1px solid #6b3148;border-radius:999px;padding:4px 9px;font-weight:800}.threshold-strip small{color:#6f7e97;margin-left:auto}.table-wrap{background:#08101f;border:1px solid #1d2940;border-radius:18px;overflow-x:auto;box-shadow:0 20px 60px #0000003b}table{border-collapse:collapse;width:100%;min-width:940px}th{color:#8d9ab2;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#121d32;border-bottom:1px solid #31405a;padding:16px 17px;font-size:12px}td{color:#c9d5e7;border-bottom:1px solid #172238;padding:17px}tbody tr:nth-child(2n){background:#0d1628}tbody tr:hover{background:#132038}tbody tr:last-child td{border-bottom:0}.asset-name{color:#f2f6fc;font-weight:750}.ticker{color:#19d4aa;letter-spacing:.04em;background:#0b302f;border:1px solid #14534d;border-radius:5px;padding:5px 9px;font-weight:900;display:inline-block}.numeric{font-variant-numeric:tabular-nums}.strong{color:#f0f5fc;font-weight:850}.muted{color:#aeb9ca}.positive{color:#19d4aa;font-weight:800}.negative{color:#ff668e;font-weight:800}.drawdown{text-align:right;font-variant-numeric:tabular-nums;font-size:17px;font-weight:950}.drawdown.safe{color:#52dfbd}.drawdown.watch{color:#ffd23f}.drawdown.warning,.drawdown.danger,.drawdown.critical{color:#ff668e}.bar{background:#1c2940;border-radius:999px;width:96px;height:4px;margin:8px 0 0 auto;overflow:hidden}.bar span{border-radius:inherit;height:100%;display:block}.bar span.safe{background:#32d7b1}.bar span.watch{background:#ffd23f}.bar span.warning,.bar span.danger,.bar span.critical{background:#ff2e70}.icon-button{color:#72829e;background:0 0;border:0;border-radius:8px;padding:7px}.icon-button:hover{color:#ff668e;background:#261321}.empty-state{text-align:center;color:#71809a;padding:34px}.calculator-card{background:#0d1627;border:1px solid #25344d;border-radius:18px;margin-top:24px;padding:22px}.calculator-header{border-bottom:1px solid #25344d;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.calculator-title{align-items:center;gap:12px;display:flex}.calculator-icon{color:#19d4aa;background:#0b302f;border:1px solid #0c6658;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}h2{margin:0 0 4px;font-size:18px}.calculator-title p{color:#8290a9;margin:0;font-size:13px}.calculator-header label{color:#8998b1;font-size:12px;font-weight:750}select{color:#eaf1fb;background:#111b2e;border:1px solid #31415e;border-radius:8px;min-width:330px;max-width:42vw;margin-left:10px;padding:9px 11px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px;display:grid}.metric-grid article{background:#07101f;border:1px solid #1e2b43;border-radius:13px;flex-direction:column;gap:9px;min-height:120px;padding:18px;display:flex}.metric-grid article.highlight{background:#0b242b;border-color:#15594f}.metric-grid span{color:#8391aa;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.metric-grid strong{font-size:23px}.metric-grid .highlight strong{color:#19d4aa}.metric-grid small{color:#6f7e97}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020712d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0c1526;border:1px solid #2a3954;border-radius:18px;width:min(520px,100%);padding:22px;box-shadow:0 28px 90px #000a}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.modal-header h2{font-size:22px}.modal-header p{color:#7d8da7;margin:5px 0 0;font-size:13px;line-height:1.5}.modal form{gap:16px;display:grid}.modal label{color:#9eabc0;gap:7px;font-size:12px;font-weight:750;display:grid}.modal input{color:#eef5ff;background:#07101f;border:1px solid #31415d;border-radius:9px;outline:none;width:100%;padding:11px 12px}.modal input:focus{border-color:#19d5ad;box-shadow:0 0 0 3px #19d5ad1f}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=980px){.topbar{flex-direction:column;align-items:flex-start;padding-top:22px;padding-bottom:22px}.header-actions{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(2,1fr)}.calculator-header{flex-direction:column;align-items:flex-start}select{min-width:min(100%,330px);max-width:100%;margin:8px 0 0}}@media (width<=640px){.toolbar{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px}.toolbar-right{justify-content:space-between;width:100%}.header-actions .button{padding:9px 12px;font-size:13px}.section-heading{align-items:flex-start}.threshold-strip{flex-wrap:wrap;align-items:flex-start}.threshold-strip small{width:100%;margin-left:0}.metric-grid,.form-grid{grid-template-columns:1fr}.calculator-card,.modal{padding:16px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}
