:root{color-scheme:dark;--bg:#0b1115;--panel:#111c23;--line:#22333d;--ink:#e8f0f3;--muted:#96abb6;--mint:#72e3c3;--red:#ff8e97;--amber:#f2c37c;font-family:Inter,'Segoe UI',sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--mint)}button{cursor:pointer;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:11px 15px;background:#182832}button:hover{filter:brightness(1.14)}button:disabled{opacity:.5;cursor:wait}a{color:var(--mint);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,2.7vw,38px);letter-spacing:-1.2px;font-weight:600;margin-bottom:10px}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:16px}p{line-height:1.65;color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--mint);margin-bottom:12px}.muted{color:var(--muted);font-size:12px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.8px}.brand strong{color:var(--ink);font-size:20px;font-weight:600}.primary{background:var(--mint);border-color:var(--mint);color:#10231f;font-weight:650}.secondary{background:#15232c}.quiet{background:transparent;border-color:transparent;color:var(--muted)}label{display:block;color:#bdd0da;font-size:12px;margin-bottom:18px}input,select{background:#0d171e;border:1px solid #32454f;border-radius:8px;padding:12px;color:var(--ink);width:100%;margin-top:8px;min-width:0}input:focus,select:focus{border-color:var(--mint);outline:1px solid var(--mint)}.error{color:var(--red);min-height:20px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.auth-story{background:radial-gradient(ellipse at 10% 60%,#1b5145,transparent 75%),#10211f;padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.auth-story h1{font-size:clamp(32px,4vw,58px);line-height:1.15}.auth-story p{max-width:430px}.auth-story small{color:#abc5ba}.feature-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.feature-row span{border:1px solid #416054;border-radius:20px;padding:8px 12px;font-size:11px;color:#c2e0d5}.auth-panel{width:100%;max-width:490px;margin:auto;padding:50px}.auth-panel h2{font-size:27px}.auth-panel form button{width:100%;display:flex;justify-content:space-between}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}aside{padding:32px 22px;background:#0e181e;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.nav-label{font-size:9px;letter-spacing:2px;margin:55px 12px 18px;color:#6e8a98}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:12px;background:transparent;border-color:transparent;text-align:left;font-size:13px;color:var(--muted)}nav button.active{background:#18352f;border-color:#2e5147;color:var(--mint)}nav b{margin-left:auto;font-size:10px}.sidebar-bottom{margin-top:auto;font-size:11px;color:#c6d8d1;padding-top:40px}.sidebar-bottom p{font-size:11px;margin:12px 0 20px}.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}.main-wrap{min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:80px;padding:20px 36px;border-bottom:1px solid var(--line);font-size:12px}.header-actions{display:flex;align-items:center;gap:20px}.pill{border:1px solid #345347;background:#172c25;border-radius:20px;padding:6px 10px;color:var(--mint);font-size:10px}.pill.warn{color:var(--amber);border-color:#655338;background:#30271b}.pill.bad{color:var(--red);border-color:#6d3742;background:#301d23}main{max-width:1600px;margin:auto;padding:36px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.page-heading p:last-child{margin:0}.heading-actions{display:flex;gap:10px;flex-shrink:0}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:25px}.toolbar select{width:170px;margin:0}.search-label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#101b22;border-radius:9px;padding:0 12px;margin:0;flex:1}.search-label input{border:0;background:transparent;margin:0;outline:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(125deg,#162932,#101b22)}.metric .value{font-size:32px;font-weight:600;letter-spacing:-1px;margin:15px 0 10px;font-variant-numeric:tabular-nums}.metric small{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:24px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-title h2,.panel-title p{margin-bottom:0}.panel-title .eyebrow{margin-bottom:8px}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.health-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.health-panel p.muted{margin-top:20px}.empty{padding:35px 10px;text-align:center;color:var(--muted);line-height:1.7}.empty strong{display:block;color:var(--ink);margin-bottom:6px}.trader-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.trader-card{display:block;text-align:left;padding:18px;background:#15252e;border:1px solid #2a404c;border-radius:12px}.trader-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.avatar{background:#25483e;border:1px solid #416455;color:#a6ebd5;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700}.trader-name{flex:1}.trader-name strong{display:block;margin-bottom:5px}.trader-numbers{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.trader-numbers span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.trader-numbers b{font-size:19px;font-weight:550}.alert-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:17px 0}.alert-row:last-child{border:0}.alert-marker{border-radius:8px;background:#382923;color:var(--amber);padding:8px}.alert-row.critical .alert-marker{background:#39232c;color:var(--red)}.alert-copy{flex:1;min-width:0}.alert-copy p{margin:5px 0 0;font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:500;padding:14px 12px;border-bottom:1px solid var(--line)}td{padding:18px 12px;font-size:13px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}td small{display:block;margin-top:5px;color:var(--muted)}.notice{border:1px solid #4c5440;border-radius:10px;background:#242a20;padding:14px 18px;font-size:12px;line-height:1.6;color:#d9dbb9;margin-bottom:20px}.member-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center}.member-row .grow{flex:1;min-width:0}.member-row small{display:block;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#819aa8;padding:10px 0 20px}dialog{background:#14232c;color:var(--ink);border:1px solid #38505c;border-radius:16px;padding:30px;width:min(560px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#02080dcc;backdrop-filter:blur(5px)}dialog .primary{width:100%}#inviteResult{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}#detailBody .metrics{grid-template-columns:1fr 1fr}#detailBody .metric{padding:15px}#detailBody .value{font-size:24px}.negative{color:var(--red)}.positive{color:var(--mint)}
@media(max-width:1150px){.shell{grid-template-columns:185px 1fr}aside{padding:28px 12px}main{padding:25px}.page-heading{align-items:flex-start;flex-direction:column}.toolbar{flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}header{padding:18px 25px}.brand strong{font-size:18px}.toolbar #updated{width:100%}}
@media(max-width:700px){.auth-wrap{grid-template-columns:1fr}.auth-story{padding:30px;gap:35px}.auth-story>small,.feature-row{display:none}.auth-panel{padding:32px}.shell{display:block}aside{height:auto;position:static;padding:18px;border-right:0;border-bottom:1px solid var(--line)}aside .brand{margin-bottom:18px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:10px;font-size:11px}.header-actions{gap:9px}header{padding:12px 18px}header>div:first-child{display:none}main{padding:22px 16px}.metrics{gap:10px}.metric{padding:17px}.metric .value{font-size:26px}.panel{padding:18px}.toolbar select{width:calc(50% - 6px)}.search-label{flex-basis:100%}.heading-actions{width:100%}.heading-actions button{flex:1;font-size:12px}footer{flex-direction:column}.alert-row{gap:10px}.alert-row button{font-size:11px;padding:8px}.member-row{flex-wrap:wrap}}
.metric>span,.metric>.value,.metric>small{display:block}.metric>.value{margin:12px 0;font-size:36px;line-height:1.1}.trader-name>strong,.trader-name>small,td>small{display:block}.trader-name>small,td>small{color:var(--muted);margin-top:5px}.member-row .grow>strong,.member-row .grow>small{display:block}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}}
