:root{color-scheme:dark;--bg:#0b0f14;--panel:#111821;--panel2:#151e28;--line:#253140;--text:#eef4fa;--muted:#8fa1b4;--success:#43c17a;--warning:#e0ad45;--critical:#ef6464;--paper:#67a6ff;--live:#d38bff;--radius:16px;--shadow:0 12px 36px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4}a{color:#9fc7ff;text-decoration:none}button,input{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px max(16px,env(safe-area-inset-left));background:rgba(11,15,20,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:760;font-size:18px;letter-spacing:.2px}.subtle,.timestamp{color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions form{margin:0}.icon-button,.text-button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.text-button{font-size:12px}.content{max-width:1400px;margin:0 auto;padding:20px 16px 100px}.page-title-row{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:4px 0 18px}.page-title-row h1{font-size:24px;margin:0 0 3px}.page-title-row p{margin:0;color:var(--muted)}.env-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head,.section-head,.position-title,.health-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.7px;border:1px solid}.badge.paper{color:var(--paper);border-color:rgba(103,166,255,.45);background:rgba(103,166,255,.08)}.badge.live{color:var(--live);border-color:rgba(211,139,255,.45);background:rgba(211,139,255,.08)}.badge.side{color:var(--muted);border-color:var(--line);background:var(--panel)}.status{font-size:11px;font-weight:800;letter-spacing:.4px}.status.success,.positive{color:var(--success)}.status.warning{color:var(--warning)}.status.critical,.negative{color:var(--critical)}.status.neutral{color:var(--muted)}.hero-value{font-size:32px;font-weight:790;letter-spacing:-.7px;margin-top:20px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.metric-grid.compact{margin-bottom:0}.metric-grid>div,.stat{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);border-radius:12px;padding:11px}.metric-grid span,.stat span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.metric-grid strong,.stat strong{font-size:15px}.health-row{padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:13px}.locked{opacity:.82}.locked-message{padding:22px 0;color:var(--muted)}.section-block{margin-top:24px}.section-head{margin-bottom:10px}.section-head h2{font-size:16px;margin:0}.section-head a{font-size:12px}.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.position-grid.full{grid-template-columns:repeat(3,minmax(0,1fr))}.position-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px}.position-symbol{color:var(--muted);font-size:12px;margin-top:3px}.stats-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stat strong{font-size:18px}.event-list{overflow:hidden}.event{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.event:last-child{border-bottom:0}.event p{margin:2px 0 0;color:#d3dee8;word-break:break-word}.event small{color:var(--muted);font-size:10px}.event time{color:var(--muted);font-size:10px;white-space:nowrap}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);margin-top:5px}.event-dot.success{background:var(--success)}.event-dot.warning{background:var(--warning)}.event-dot.critical{background:var(--critical)}.empty{color:var(--muted);padding:16px 0}.alert{border-radius:12px;padding:11px 13px;margin:12px 0;font-size:13px}.alert.warning{background:rgba(224,173,69,.09);border:1px solid rgba(224,173,69,.3);color:#f0ca78}.alert.critical{background:rgba(239,100,100,.09);border:1px solid rgba(239,100,100,.3);color:#ff9d9d}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:3px;background:var(--panel);margin-bottom:15px}.segmented a{padding:8px 15px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:700}.segmented a.active{background:var(--panel2);color:var(--text)}.chart-card{margin:18px 0}.chart{height:260px;width:100%;position:relative}.asset-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.asset-row:last-child{border-bottom:0}.asset-row small{color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(11,15,20,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:10px;padding:4px}.bottom-nav a span{font-size:18px;line-height:1}.bottom-nav a.active{color:var(--text)}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.login-sub{margin:3px 0 20px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.login-form input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.primary-button{border:0;border-radius:10px;padding:12px 14px;font-weight:750;background:#dcecff;color:#08121e;cursor:pointer}
@media(max-width:900px){.position-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.content{padding:15px 12px 92px}.topbar{padding:12px}.text-button{display:none}.page-title-row{align-items:start}.page-title-row h1{font-size:21px}.timestamp{font-size:10px;max-width:120px;text-align:right}.env-grid,.position-grid,.position-grid.full{grid-template-columns:1fr}.card{padding:15px}.hero-value{font-size:28px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.event{grid-template-columns:10px minmax(0,1fr)}.event time{grid-column:2;margin-top:-4px}.metric-grid{gap:8px}.asset-row{grid-template-columns:1fr auto}.asset-row small{grid-column:1/3}.chart{height:220px}}

.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:11px;font-size:12px}.service-row span{overflow:hidden;text-overflow:ellipsis}.service-row strong{font-size:10px;white-space:nowrap}@media(max-width:680px){.service-grid{grid-template-columns:1fr}}