:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f6fb;font-synthesis:none;--bg: #f3f6fb;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-raised: #ffffff;--text: #172033;--muted: #69758a;--line: #dfe5ee;--line-strong: #c9d2e0;--accent: #5b55e7;--accent-strong: #4842c9;--accent-soft: #eeedff;--success: #168665;--success-soft: #e5f6f0;--warning: #b36917;--warning-soft: #fff2df;--danger: #c64254;--danger-soft: #ffeaee;--shadow: 0 12px 35px rgba(36, 44, 70, .08);--radius: 18px}:root[data-theme=night]{color:#edf1f8;background:#0e121b;--bg: #0e121b;--surface: #151b26;--surface-soft: #1a2230;--surface-raised: #1b2331;--text: #edf1f8;--muted: #98a5b9;--line: #293346;--line-strong: #3a465d;--accent: #918cff;--accent-strong: #aaa6ff;--accent-soft: #29264c;--success: #53c9a6;--success-soft: #183a34;--warning: #efad55;--warning-soft: #3b2c1b;--danger: #ff8190;--danger-soft: #43232b;--shadow: 0 15px 45px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(1.65rem,2.4vw,2.25rem);letter-spacing:-.04em}h2{margin:0;font-size:1rem;letter-spacing:-.015em}h3{font-size:.83rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}small{color:var(--muted)}svg{width:21px;height:21px;flex:0 0 auto}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:250px;display:flex;flex-direction:column;padding:24px 16px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 28px}.brand>div:last-child{display:grid;gap:2px}.brand strong{letter-spacing:-.02em}.brand span{font-size:.72rem;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#625ce9,#413bc0);font-size:.76rem;font-weight:800;box-shadow:0 8px 20px #5b55e738}.brand-mark.large{width:54px;height:54px;border-radius:16px;font-size:1rem}.sidebar nav{display:grid;gap:5px}.nav-button{width:100%;min-height:46px;border:0;border-radius:12px;background:transparent;display:flex;align-items:center;gap:12px;padding:0 13px;color:var(--muted);cursor:pointer;font-size:.86rem;font-weight:600;text-align:left;white-space:nowrap}.nav-button:hover{color:var(--text);background:var(--surface-soft)}.nav-button.active{color:var(--accent-strong);background:var(--accent-soft)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.sidebar-foot>div{display:grid;gap:2px;font-size:.72rem;min-width:0}.sidebar-foot span:last-child{color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex:0 0 auto;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 13%,transparent)}.workspace{grid-column:2;min-width:0}.header{position:sticky;top:0;z-index:15;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-context,.header-actions{display:flex;align-items:center;gap:12px;min-width:0}.header-title{color:var(--muted);font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beta-chip{padding:5px 8px;border-radius:7px;background:var(--warning-soft);color:var(--warning);font-size:.65rem;font-weight:800;letter-spacing:.1em}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:12px;cursor:pointer;flex:0 0 auto}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.operator{display:flex;align-items:center;gap:9px;padding:0 5px}.operator>span:last-child{display:grid;font-size:.76rem;line-height:1.25}.operator small{text-transform:capitalize}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent-strong);font-size:.69rem;font-weight:800;flex:0 0 auto}.avatar.large{width:42px;height:42px;border-radius:13px}.main{max-width:1500px;margin:0 auto;padding:34px 34px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{margin-bottom:0;color:var(--muted);font-size:.88rem}.page-actions{display:flex;gap:8px}.button{min-height:44px;border:1px solid transparent;border-radius:12px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:.82rem;font-weight:700;line-height:1.15;text-align:center}.button:disabled{opacity:.55;cursor:wait}.button.primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.button.primary:hover{background:var(--accent-strong)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.secondary:hover,.button.ghost:hover{background:var(--surface-soft)}.button.ghost{background:transparent}.button.compact{min-height:40px;padding:0 13px}.button.compact svg{width:17px;height:17px}.freshness{min-height:38px;margin-bottom:15px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:.75rem}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.metric{min-height:116px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:.75rem}.metric strong{font-size:1.8rem;letter-spacing:-.05em}.metric.attention strong{color:var(--warning)}.dashboard-grid,.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel>header{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-body{padding:12px 20px 18px}.count{min-width:26px;height:26px;display:grid;place-items:center;padding:0 7px;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.7rem;font-weight:700}.records{display:grid;gap:10px}.record{min-width:0;display:grid;align-items:center;gap:18px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.trader-record{grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(90px,.8fr)) auto}.application-record{grid-template-columns:minmax(190px,1fr) minmax(110px,.6fr) minmax(110px,.6fr) auto}.compact-record{grid-template-columns:minmax(150px,1fr) auto;padding:10px 0;border-width:0 0 1px;border-radius:0}.compact-record:last-child{border-bottom:0}.audit-record{grid-template-columns:8px minmax(180px,1fr) auto auto}.audit-record>div{min-width:0}.audit-record>div>strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-record>div>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.72rem}.audit-record code{grid-column:2 / -1;min-width:0;max-width:100%;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;font-size:.7rem}.record small{display:block;margin-bottom:5px;font-size:.67rem}.record>div:not(.identity)>span:not(.badge),.record time{color:var(--muted);font-size:.75rem}.identity{min-width:0;display:flex;align-items:center;gap:11px}.identity>div{min-width:0;display:grid;gap:3px}.identity strong,.identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity strong{font-size:.84rem}.identity span{color:var(--muted);font-size:.72rem}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.severity-warning .event-dot{background:var(--warning)}.severity-critical .event-dot{background:var(--danger)}.badge{width:fit-content;max-width:100%;min-height:25px;display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;font-size:.65rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.badge.success{color:var(--success);background:var(--success-soft)}.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.neutral{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line)}.inline-alert{padding:12px 14px;border-radius:12px;font-size:.77rem;line-height:1.5;overflow-wrap:anywhere}.inline-alert.danger{color:var(--danger);background:var(--danger-soft)}.inline-alert.warning{color:var(--warning);background:var(--warning-soft)}.inline-alert.neutral{color:var(--muted);background:var(--surface-soft)}.search{width:min(100%,440px);min-height:46px;margin-bottom:18px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.search svg{color:var(--muted);width:18px}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.8rem}.segmented{width:fit-content;max-width:100%;margin-bottom:18px;display:flex;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow-x:auto}.segmented button{min-height:36px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:700;white-space:nowrap;cursor:pointer}.segmented button.active{color:var(--accent-strong);background:var(--accent-soft)}.key-values{margin:0;display:grid}.key-values>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.key-values>div:last-child{border-bottom:0}.key-values dt{color:var(--muted);font-size:.73rem;overflow-wrap:anywhere}.key-values dd{margin:0;max-width:60%;text-align:right;font-size:.75rem;font-weight:700;overflow-wrap:anywhere}.status-bars{display:grid;gap:12px}.status-bars>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding-bottom:7px;font-size:.74rem;overflow:hidden}.status-bars span{color:var(--muted)}.status-bars i{position:absolute;left:0;bottom:0;height:3px;min-width:3px;border-radius:2px;background:var(--accent)}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.mini-metrics>span{display:grid;gap:4px;padding:11px;border-radius:11px;background:var(--surface-soft)}.mini-metrics strong{font-size:1.05rem}.unavailable-list{display:flex;flex-wrap:wrap;gap:8px}.json-row{padding:10px 0;border-bottom:1px solid var(--line);display:grid;gap:5px}.json-row:last-child{border-bottom:0}.json-row strong{font-size:.76rem}.json-row code{color:var(--muted);font-size:.67rem;white-space:pre-wrap;overflow-wrap:anywhere}.hint{margin-bottom:0;color:var(--muted);font-size:.72rem;line-height:1.5}.empty{min-height:75px;display:grid;place-items:center;padding:20px;color:var(--muted);font-size:.76rem;text-align:center}.loading,.error-state,.boot{min-height:320px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.loading i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.1s infinite}.loading i:nth-child(2){animation-delay:.14s}.loading i:nth-child(3){animation-delay:.28s}.loading span{margin-left:8px;font-size:.78rem}.error-state{flex-direction:column;text-align:center}.error-state h2{color:var(--text)}.boot{min-height:100vh;flex-direction:column}.overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#0b101b75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{width:min(520px,100%);height:100%;overflow-y:auto;padding:28px;background:var(--surface);box-shadow:-20px 0 60px #0003}.drawer>header,.dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.drawer h2,.dialog h2{margin:4px 0 0;font-size:1.35rem}.drawer section{margin-bottom:26px}.close{font-size:1.6rem;line-height:1}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--accent-strong);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.connection{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.75rem}.connection>span:not(.badge),.connection small{color:var(--muted)}.dialog{width:min(510px,calc(100% - 28px));margin:auto;padding:26px;border-radius:20px;background:var(--surface);box-shadow:0 30px 80px #00000047}.dialog label,.stack label{display:grid;gap:8px;color:var(--muted);font-size:.72rem;font-weight:700}.dialog label+label{margin-top:16px}.dialog em{color:var(--danger);font-style:normal}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--surface-soft);color:var(--text);outline:0}textarea{resize:vertical}.dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.decision-preview{display:flex;align-items:center;justify-content:center;gap:18px;padding:15px;margin-bottom:20px;border-radius:13px;background:var(--surface-soft)}.decision-preview>span{display:grid;gap:5px}.decision-preview b{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 30%),radial-gradient(circle at 80% 85%,color-mix(in srgb,var(--success) 10%,transparent),transparent 32%),var(--bg)}.theme-login{position:fixed;top:24px;right:24px}.login-card{width:min(450px,100%);padding:clamp(26px,6vw,42px);border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 30px 80px #1d233c24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-mark{width:54px;height:54px;display:grid;place-items:center;margin-bottom:20px;border-radius:16px;color:#fff;background:var(--accent)}.login-mark svg{width:27px;height:27px}.login-card .eyebrow{margin-bottom:12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.login-card h1{font-size:2rem}.login-lead{margin-bottom:28px;color:var(--muted);font-size:.84rem;line-height:1.65}.stack{display:grid;gap:14px}.stack .button{width:100%}.otp-input{font-size:1.4rem;letter-spacing:.35em;text-align:center;font-weight:700}.security-note{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;line-height:1.55}.login-card .inline-alert{margin-top:14px}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media(max-width:1100px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{width:78px;padding:20px 10px;align-items:center}.brand{padding:0 0 25px}.brand>div:last-child,.sidebar-foot>div,.nav-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sidebar nav{width:100%}.nav-button{justify-content:center;padding:0}.sidebar-foot{width:46px;height:46px;justify-content:center;padding:0}.workspace{grid-column:2}.main{padding-inline:24px}.trader-record{grid-template-columns:minmax(180px,1.3fr) repeat(3,minmax(85px,.65fr)) auto}.trader-record>div:nth-of-type(5){display:none}}@media(max-width:820px){.metric-strip{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.metric:nth-child(3),.metric:nth-child(4){border-bottom:0}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.trader-record{grid-template-columns:minmax(160px,1fr) minmax(90px,.6fr) minmax(90px,.6fr) auto}.trader-record>div:nth-of-type(4),.trader-record>div:nth-of-type(5){display:none}}@media(max-width:700px){.app-shell{display:block;min-height:100vh}.sidebar{display:none}.workspace{display:block}.header{height:62px;padding:0 15px}.header-title,.operator>span:last-child{display:none}.header-actions{gap:6px}.header .icon-button{width:42px;height:42px}.operator{padding:0}.main{padding:24px 15px calc(96px + env(safe-area-inset-bottom))}.page-head{align-items:center;margin-bottom:18px}.page-head p{font-size:.76rem;line-height:1.45}.page-actions .button span{display:none}.page-actions .button{width:44px;padding:0}.mobile-nav{position:fixed;inset:auto 0 0;z-index:30;height:calc(72px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);padding:6px 5px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav .nav-button{min-width:0;min-height:54px;flex-direction:column;justify-content:center;gap:3px;padding:0 2px;border-radius:10px;font-size:.56rem}.mobile-nav .nav-button svg{width:19px;height:19px}.mobile-nav .nav-button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.metric{min-height:96px;padding:17px}.metric strong{font-size:1.45rem}.panel>header{min-height:54px;padding-inline:15px}.panel-body{padding-inline:15px}.record{display:grid;grid-template-columns:1fr auto;gap:13px}.record>*{min-width:0}.trader-record>div,.trader-record>div:nth-of-type(4),.trader-record>div:nth-of-type(5){display:block}.trader-record .identity,.application-record .identity{display:flex;grid-column:1 / -1}.trader-record .button,.application-record .button{grid-column:1 / -1;width:100%}.compact-record{grid-template-columns:1fr auto}.compact-record .identity{grid-column:auto}.audit-record{grid-template-columns:8px minmax(0,1fr) auto}.audit-record time{grid-column:2 / -1}.audit-record code{grid-column:2 / -1}.segmented{width:100%}.segmented button{flex:1 0 auto}.drawer{padding:22px 17px calc(30px + env(safe-area-inset-bottom))}.dialog{padding:22px 17px}.dialog footer{display:grid;grid-template-columns:1fr 1fr}.login-page{padding:72px 15px 24px}.theme-login{top:15px;right:15px}.login-card{padding:27px 21px;border-radius:20px}}@media(max-width:430px){.metric-strip{grid-template-columns:1fr 1fr}.metric{padding:15px 13px}.metric span{font-size:.67rem}.metric strong{font-size:1.3rem}.mobile-nav .nav-button span{display:none}.mobile-nav .nav-button{gap:0}.decision-preview{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}