:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#d9ded8;background:#0a0d0c;font-synthesis:none;--ink: #d9ded8;--muted: #7e887f;--faint: #4d554f;--panel: #121614;--panel-2: #171c19;--line: #2b322d;--line-hot: #59635b;--orange: #e16d3a;--orange-soft: #7a3c23;--mint: #77c4a3;--yellow: #d9b85f;--red: #de665e;--mono: "SFMono-Regular", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background-color:#0a0d0c;background-image:linear-gradient(rgba(102,119,106,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(102,119,106,.035) 1px,transparent 1px);background-size:32px 32px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}code,pre{font-family:var(--mono)}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.rail{position:fixed;inset:0 auto 0 0;width:248px;z-index:10;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0d110ff5}.brand-block{height:98px;padding:26px 22px;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.brand-mark{width:37px;height:37px;display:grid;place-items:center;color:#0b0e0d;background:var(--orange);clip-path:polygon(0 0,76% 0,100% 24%,100% 100%,0 100%)}.brand-name{font-family:var(--mono);font-weight:800;font-size:16px;letter-spacing:.08em}.brand-version{margin-top:4px;color:var(--muted);font:9px/1.3 var(--mono);letter-spacing:.09em}.rail nav{padding:18px 12px;display:grid;gap:4px}.nav-item{min-height:44px;width:100%;padding:0 10px;border:1px solid transparent;border-radius:2px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;color:#929b93;background:transparent;text-decoration:none;text-align:left}.nav-item span{font-size:13px}.nav-item small{color:#4f5751;font:9px var(--mono)}.nav-item:hover{color:var(--ink);background:#171b19}.nav-item.active{color:#f0f3ef;border-color:#3c443e;background:#1b201d;box-shadow:inset 3px 0 var(--orange)}.nav-item.active svg{color:var(--orange)}.rail-footer{margin-top:auto;padding:18px 20px 22px;border-top:1px solid var(--line)}.live-indicator{color:var(--mint);font:9px var(--mono);letter-spacing:.11em}.live-indicator span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.logout{margin-top:16px;padding:0;border:0;display:flex;gap:8px;align-items:center;color:var(--muted);background:none;font-size:12px}.logout:hover{color:var(--red)}.workspace{grid-column:2;min-width:0}.command-strip{height:42px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8b948c;background:#0d110fd9;font:9px var(--mono);letter-spacing:.08em}.command-strip .muted{color:#4c554e;margin-right:8px}.pulse-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--mint)}.page-content{max-width:1540px;margin:0 auto;padding:36px 38px 64px}.page-heading{min-height:70px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-heading h1{margin:5px 0 0;color:#eef1ed;font-size:clamp(27px,3vw,41px);line-height:1;letter-spacing:-.04em;font-weight:630}.eyebrow,.panel-index{color:var(--orange);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.heading-meta{padding-top:10px;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.primary{min-height:40px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ef7a46;border-radius:2px;color:#0a0d0c;background:var(--orange);font-weight:700;font-size:12px}.primary:hover{background:#f17b46;box-shadow:0 0 0 3px #e16d3a1f}.primary:disabled{cursor:not-allowed;opacity:.45}.wide{width:100%}input,textarea,select{width:100%;border:1px solid #343c36;border-radius:2px;outline:0;color:#e0e5df;background:#0c100e;font-family:var(--mono);font-size:12px}input,select{height:42px;padding:0 12px}textarea{padding:12px;resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 2px #e16d3a1a}label{display:grid;gap:7px;color:#929b93;font:10px var(--mono);letter-spacing:.06em}.form-error{padding:10px 12px;border-left:2px solid var(--red);color:#f0a39d;background:#de665e14;font-size:12px}.inline-message{margin:0 0 18px;padding:11px 14px;border:1px solid #48534b;color:#b6c1b8;background:#121714;font:11px var(--mono)}.console-card{border:1px solid var(--line);border-radius:3px;background:#121614f0;box-shadow:0 14px 40px #00000024}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px}.metric-card{position:relative;min-height:148px;padding:18px;border:1px solid var(--line);background:#121614;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-17px;bottom:-17px;width:45px;height:45px;border:1px solid #333b35;transform:rotate(45deg)}.metric-code{color:#586159;font:9px var(--mono);letter-spacing:.1em}.metric-label{margin-top:20px;color:#909a91;font-size:11px}.metric-value{margin-top:6px;color:#ecf0eb;font:700 25px var(--mono);letter-spacing:-.05em}.metric-detail{margin-top:12px;color:#5e685f;font:9px var(--mono)}.tone-good{border-top-color:#497e68}.tone-warn{border-top-color:var(--orange)}.ops-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-card header{height:68px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chart-card header span{color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.chart-card h2{margin:5px 0 0;font-size:15px;font-weight:550}.chart-card header b{color:var(--orange);font:9px var(--mono)}.chart{height:280px}.chart-empty,.loading-grid,.empty-state{min-height:220px;display:grid;place-items:center;color:#536057;font:10px var(--mono);letter-spacing:.14em}.queue-strip{margin-top:10px;min-height:76px;border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);background:#0e1210}.queue-strip div{padding:16px 20px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.queue-strip div:last-child{border:0}.queue-strip span{color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.queue-strip strong{font:24px var(--mono)}.create-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:14px}.job-form{padding:24px;display:grid;gap:17px}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-selector button{min-height:78px;padding:14px;border:1px solid var(--line);display:flex;align-items:center;gap:13px;text-align:left;color:var(--muted);background:#0e1210}.mode-selector button.selected{border-color:var(--orange);color:var(--ink);background:#e16d3a12;box-shadow:inset 0 -2px var(--orange)}.mode-selector svg{color:var(--orange)}.mode-selector b,.mode-selector small{display:block}.mode-selector b{margin-bottom:5px;font-size:13px}.mode-selector small{color:var(--muted);font-size:10px;line-height:1.4}.hard-gate-notice{padding:13px 14px;border:1px dashed #3d5e4e;display:flex;gap:12px;color:var(--mint);background:#77c4a30a}.hard-gate-notice b{font-size:12px}.hard-gate-notice p{margin:4px 0 0;color:#829087;font-size:11px;line-height:1.5}.field-hint{color:#657068;font-size:10px}.dispatch-aside{display:grid;align-content:start;gap:12px}.sequence-card{border:1px solid var(--line);background:#101411;padding:20px}.sequence-row{min-height:44px;border-bottom:1px solid #232923;display:grid;grid-template-columns:35px 1fr;align-items:center}.sequence-row span{color:var(--orange);font:9px var(--mono)}.sequence-row b{color:#9ba49c;font:11px var(--mono);font-weight:500}.accepted-card{padding:17px;border:1px solid #3d6a56;display:flex;gap:12px;color:var(--mint);background:#111914}.accepted-card b,.accepted-card code{display:block}.accepted-card code{margin:6px 0 10px;color:#aeb8b0;font-size:10px;word-break:break-all}.accepted-card button{padding:0;border:0;color:var(--mint);background:none;text-decoration:underline;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:42px;padding:0 14px;border-bottom:1px solid var(--line);color:#5e685f;text-align:left;font:9px var(--mono);letter-spacing:.08em}td{height:53px;padding:0 14px;border-bottom:1px solid #222823;color:#aeb5af;font-size:11px}td code{color:#cdd2cd;font-size:10px}tbody tr{cursor:pointer}tbody tr:hover{background:#1a1f1b}.status-pill{display:inline-flex;padding:4px 7px;border:1px solid;font:9px var(--mono);text-transform:uppercase}.status-pill.good{color:var(--mint);border-color:#39634f;background:#77c4a30f}.status-pill.active{color:#e4bd68;border-color:#655733}.status-pill.bad{color:#ed8179;border-color:#663a36}.status-pill.warn{color:#e7a066;border-color:#67452d}.status-pill.muted{color:#7c857d;border-color:#3b423d}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.job-drawer{position:absolute;top:0;right:0;width:min(680px,94vw);height:100%;border-left:1px solid #414941;background:#0d110f;overflow:auto;box-shadow:-30px 0 70px #0006}.job-drawer>header{position:sticky;top:0;z-index:2;min-height:80px;padding:17px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#111512}.job-drawer header span,.job-drawer header code{display:block}.job-drawer header span{color:var(--orange);font:9px var(--mono)}.job-drawer header code{margin-top:7px;font-size:11px}.job-drawer header button{border:0;color:var(--muted);background:transparent}.drawer-body{padding:22px}.detail-summary{padding:12px;border:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:10px var(--mono)}.failure-box{margin-top:12px;padding:13px;border-left:2px solid var(--red);background:#de665e12}.failure-box b{color:var(--red);font:11px var(--mono)}.failure-box p{margin:6px 0 0;color:#b89b98;font-size:11px}.copy-field{margin-top:10px;padding:12px;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.copy-field span{grid-column:1 / -1;color:var(--muted);font:9px var(--mono)}.copy-field code{overflow:hidden;color:var(--mint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copy-field button,.copy-field a{border:0;color:var(--muted);background:none}.drawer-body h3{margin:26px 0 13px;font-size:13px}.timeline{border-left:1px solid #394139;margin-left:6px}.timeline-row{position:relative;padding:0 0 22px 22px}.timeline-row>i{position:absolute;left:-5px;top:4px;width:9px;height:9px;border:2px solid #0d110f;border-radius:50%;background:var(--orange)}.timeline-row span,.timeline-row b,.timeline-row small{display:block}.timeline-row span{color:var(--orange);font:9px var(--mono)}.timeline-row b{margin-top:4px;font-size:11px}.timeline-row small{margin-top:4px;color:#59635b;font:9px var(--mono)}.timeline-row pre{max-height:180px;padding:9px;overflow:auto;color:#7d8980;background:#090c0b;font-size:9px}.hot-update-note{margin-bottom:16px;padding:11px 13px;border-left:2px solid var(--mint);display:flex;gap:9px;align-items:center;color:#94a198;background:#111713;font-size:11px}.inline-form{margin-bottom:16px;padding:16px;display:flex;gap:12px;align-items:end}.inline-form .grow{flex:1}.proxy-config-form{margin-bottom:16px;border-color:#48524a}.proxy-config-form>header{min-height:62px;padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.proxy-config-form>header b,.proxy-config-form>header span{display:block}.proxy-config-form>header b{margin-top:5px;font-size:13px}.proxy-config-form>header button{border:0;color:var(--muted);background:transparent}.proxy-config-fields{padding:16px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,.5fr) minmax(360px,2fr);gap:12px;align-items:start}.proxy-template-field textarea{min-height:76px;word-break:break-all}.proxy-template-field small{color:#59645c;font-size:9px;line-height:1.5}.proxy-config-form>footer{min-height:58px;padding:9px 16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px}.proxy-config-form>footer>button:not(.primary){height:40px;padding:0 14px;border:1px solid #343b36;color:var(--muted);background:transparent}.proxy-enabled{margin-right:auto;display:flex;grid-template-columns:16px auto;align-items:center;gap:8px}.proxy-enabled input{width:14px;height:14px;accent-color:var(--orange)}.proxy-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px}.proxy-card{border:1px solid var(--line);background:#121614}.proxy-card header{height:63px;padding:0 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.proxy-card header>div{display:flex;align-items:center;gap:10px}.proxy-card header b,.proxy-card header small{display:block}.proxy-card header b{font-size:12px}.proxy-card header small{margin-top:4px;color:var(--muted);font:9px var(--mono)}.node-light{width:7px;height:7px;border-radius:50%;background:#5b625d}.node-light.on{background:var(--mint);box-shadow:0 0 8px var(--mint)}.country-tag{padding:4px 7px;border:1px solid #3e463f;font:9px var(--mono)}.proxy-card>code{display:block;padding:12px 15px;overflow-x:auto;color:#89938b;font-size:9px;white-space:nowrap;scrollbar-width:thin}.proxy-card dl{margin:0;padding:5px 15px 15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.proxy-card dl div{padding:10px;background:#0d110f}.proxy-card dt{color:#697269;font-size:9px}.proxy-card dd{margin:5px 0 0;font:11px var(--mono);overflow:hidden;text-overflow:ellipsis}.proxy-card footer{min-height:46px;padding:7px 10px;border-top:1px solid var(--line);display:flex;gap:7px}.proxy-card footer button{padding:0 9px;border:1px solid #343b36;display:flex;gap:6px;align-items:center;color:#929b93;background:transparent;font-size:10px}.proxy-card footer .danger{margin-left:auto;color:var(--red)}.circuit-alert{margin:0 15px 12px;padding:7px;color:var(--red);background:#de665e14;font:9px var(--mono)}.split-layout{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}.key-form{padding:20px;display:grid;gap:16px}.key-form>svg{color:var(--orange)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.one-time-secret{margin-bottom:10px;border:1px solid #76532c;background:#19150f}.one-time-secret header{padding:12px 14px;border-bottom:1px solid #47341f;display:flex;justify-content:space-between}.one-time-secret header span{color:var(--orange);font:9px var(--mono)}.one-time-secret header b{font-size:11px}.one-time-secret code{display:block;padding:14px;color:#eac58c;word-break:break-all;font-size:11px}.one-time-secret button{margin:0 14px 14px;padding:8px 10px;border:1px solid #6b4b29;display:flex;gap:7px;color:#e0b77c;background:transparent;font-size:10px}.key-list{display:grid;gap:7px}.key-list article{min-height:76px;padding:12px 14px;border:1px solid var(--line);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;background:#121614}.key-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--orange);background:#21150f}.key-main b,.key-main code,.key-main small{display:block}.key-main b{font-size:12px}.key-main code{margin-top:5px;color:#98a39a;font-size:10px}.key-main small{margin-top:5px;color:#5e675f;font:9px var(--mono)}.icon-danger{border:0;color:var(--red);background:none}.revoked{color:var(--red);font:9px var(--mono)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-card{min-height:300px;padding:21px;display:flex;flex-direction:column;gap:16px}.settings-card header{display:flex;gap:12px;align-items:center}.settings-card header svg{color:var(--orange)}.settings-card header b,.settings-card header small{display:block}.settings-card header b{font-size:14px}.settings-card header small{margin-top:5px;color:var(--muted);font-size:10px}.settings-card .primary{margin-top:auto;align-self:flex-start}.path-input{display:grid;grid-template-columns:28px 1fr 28px;align-items:center}.path-input span{height:42px;display:grid;place-items:center;color:var(--orange);background:#20251f}.preview-line{color:var(--muted);font:10px var(--mono)}.system-facts dl{margin:0}.system-facts dl div{min-height:39px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.system-facts dt{color:var(--muted);font-size:10px}.system-facts dd{max-width:65%;margin:0;overflow:hidden;text-overflow:ellipsis;color:#b3bcb4;font:10px var(--mono);white-space:nowrap}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr)}.login-manifesto{position:relative;padding:clamp(40px,8vw,120px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-manifesto:before{content:"";position:absolute;width:460px;height:460px;left:-230px;top:calc(50% - 230px);border:1px solid #283029;border-radius:50%;box-shadow:0 0 0 80px #272f282e,0 0 0 160px #272f2817}.login-manifesto>*{position:relative}.login-manifesto h1{max-width:760px;margin:23px 0;color:#edf1ec;font-size:clamp(42px,6vw,86px);line-height:.98;letter-spacing:-.065em;font-weight:560}.login-manifesto p{max-width:570px;color:#7f8a81;font-size:14px;line-height:1.8}.protocol-line{margin-top:70px;max-width:680px;display:flex;align-items:center;color:#626d64;font:9px var(--mono)}.protocol-line i{height:1px;flex:1;margin:0 10px;background:#303832}.login-panel{padding:clamp(35px,6vw,80px);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:#101412f0}.login-panel>svg{margin-top:40px;color:var(--orange)}.login-panel h2{margin:22px 0 7px;font-size:27px;font-weight:550}.login-panel>p{color:var(--muted);font-size:11px;line-height:1.6}.login-panel form{margin-top:25px;display:grid;gap:14px}.forced-change{min-height:100vh;display:grid;place-items:center;padding:24px}.security-card{width:min(470px,100%);padding:34px;border:1px solid #4b4230;background:#121512;box-shadow:0 30px 100px #0006}.security-icon{width:52px;height:52px;margin-bottom:25px;display:grid;place-items:center;color:var(--orange);background:#21150f}.security-card h1{margin:10px 0;font-size:30px}.security-card>p{color:var(--muted);font-size:12px;line-height:1.6}.security-card form{margin-top:24px;display:grid;gap:14px}.boot-screen{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center}.boot-screen span{color:var(--orange);font:18px var(--mono)}.boot-screen b{color:#566159;font:9px var(--mono);letter-spacing:.15em}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.proxy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{display:block}.rail{position:static;width:100%;height:auto}.brand-block{height:68px;padding:14px 18px}.rail nav{padding:8px;grid-template-columns:repeat(3,1fr)}.nav-item{grid-template-columns:20px 1fr}.nav-item small,.rail-footer{display:none}.workspace{width:100%}.command-strip{padding:0 14px}.command-strip div:first-child{display:none}.page-content{padding:24px 15px 50px}.metric-grid{grid-template-columns:repeat(2,1fr)}.ops-grid,.create-layout,.split-layout,.settings-grid,.proxy-config-fields,.proxy-grid,.login-screen{grid-template-columns:1fr}.login-manifesto{min-height:45vh;padding:40px 25px}.login-manifesto h1{font-size:45px}.protocol-line{margin-top:30px}.login-panel{min-height:55vh;border-left:0;border-top:1px solid var(--line);padding:35px 25px}}@media(max-width:540px){.rail nav{grid-template-columns:repeat(2,1fr)}.metric-grid,.mode-selector{grid-template-columns:1fr}.queue-strip{grid-template-columns:repeat(2,1fr)}.queue-strip div:nth-child(2){border-right:0}.inline-form{display:grid}.page-heading{align-items:stretch;flex-direction:column}}