@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.proxy-session-control{white-space:normal;gap:5px;min-width:150px;margin-top:8px;font-size:11px;line-height:1.6;display:grid}.proxy-session-control>span{color:#d9e3df}.pool-summary .proxy-session-control small{color:#9aa7af;white-space:normal;line-height:1.6;overflow:visible}.proxy-session-actions{gap:8px;display:flex}.proxy-session-actions button{color:#f0f4f6;cursor:pointer;background:#172029;border:1px solid #596571;border-radius:4px;padding:5px 10px}.proxy-session-actions button:disabled{opacity:.55;cursor:wait}.proxy-session-control .proxy-session-error{color:#ffba92}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f5;font-synthesis:none;--bg:#090c0f;--surface:#11161a;--surface-2:#161c21;--surface-3:#1a2127;--line:#263039;--line-soft:#1d252c;--muted:#86919b;--amber:#f59e0b;--amber-bright:#ffb51b;--cyan:#22d3ee;--green:#34d399;--red:#fb5a5a;background:#090c0f;font-family:Noto Sans SC,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 55% -20%, #22d3ee0d, transparent 32%), var(--bg);min-width:1160px;overflow-x:auto}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.icon{flex:none;display:block}.mono,.code,.latency,.metric-body strong,.version{font-family:IBM Plex Mono,monospace}.muted{color:#b2bac1}.app-shell{grid-template:58px 1fr/178px minmax(820px,1fr);min-height:100vh;transition:grid-template-columns .25s;display:grid}.app-shell.drawer-open{grid-template-columns:178px minmax(760px,1fr) 330px}.topbar{border-bottom:1px solid var(--line);z-index:30;background:#090c0ff2;grid-column:1/-1;grid-template-columns:340px minmax(440px,1fr) auto;align-items:center;height:58px;display:grid;position:sticky;top:0}.brand{border-right:1px solid var(--line);align-items:center;gap:13px;height:100%;padding:0 22px;display:flex}.brand strong{letter-spacing:.02em;white-space:nowrap;font-size:19px}.brand-mark{border:1px solid #f59e0b80;align-items:flex-end;gap:2px;width:24px;height:24px;padding:4px;display:flex}.brand-mark i{background:var(--amber);width:4px;display:block}.brand-mark i:first-child{height:7px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:10px}.version{color:#5f6a73;letter-spacing:.12em;margin-left:5px;font-size:9px}.system-strip,.system-metrics{color:#b3bcc4;white-space:nowrap;align-items:center;height:100%;font-size:12px;display:flex}.system-strip span,.system-metrics>span{border-right:1px solid var(--line);align-items:center;gap:7px;height:26px;padding:0 17px;display:flex}.system-metrics{justify-content:flex-end;padding-right:12px}.system-metrics .icon{color:var(--cyan)}.status-dot,.row-live{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 9px #34d39973}.icon-button{border:1px solid var(--line);cursor:pointer;background:#11161a;border-radius:3px;place-items:center;width:36px;height:36px;transition:all .18s;display:grid}.icon-button:hover{color:var(--cyan);background:#171e23;border-color:#3f5661}.alert-button{margin-left:12px;font-family:IBM Plex Mono;position:relative}.notification-dot{background:var(--amber);width:6px;height:6px;box-shadow:0 0 8px var(--amber);border-radius:50%;position:absolute;top:6px;right:7px}.sidebar{border-right:1px solid var(--line);z-index:20;background:linear-gradient(#0d1216 0%,#090d10 100%);flex-direction:column;grid-row:2;justify-content:space-between;height:calc(100vh - 58px);display:flex;position:sticky;top:58px}.sidebar nav{padding:18px 0}.sidebar nav button{color:#a7b0b8;cursor:pointer;text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:14px;width:100%;height:58px;padding:0 18px 0 21px;display:flex;position:relative}.sidebar nav button:hover{color:#e9edef;background:#ffffff06}.sidebar nav button.active{color:var(--amber-bright);border-left-color:var(--amber);background:linear-gradient(90deg,#f59e0b21,#f59e0b05)}.sidebar nav button b{color:#aeb6bd;border:1px solid #515a61;border-radius:10px;margin-left:auto;padding:1px 6px;font:500 10px IBM Plex Mono}.sidebar-foot{border-top:1px solid var(--line)}.collapse{color:#77828a;border:0;border-top:1px solid var(--line-soft);cursor:pointer;background:0 0;width:100%;height:38px;font-size:24px}.workspace{flex-direction:column;grid-row:2;gap:14px;min-width:0;padding:18px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#151b20,#101519);border-radius:4px;min-height:164px;padding:18px 19px 14px;position:relative;overflow:hidden}.metric-card:after{content:"";background:linear-gradient(90deg,#0000,#22d3ee4d,#0000);height:1px;position:absolute;inset:auto 0 0}.metric-head{color:#c3cad0;align-items:center;gap:8px;font-size:13px;display:flex}.metric-status{background:var(--green);border-radius:50%;width:6px;height:6px}.tone-red .metric-status{background:var(--red)}.metric-body{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.metric-body strong{letter-spacing:-.05em;font-size:clamp(28px,3vw,40px);line-height:1}.metric-suffix{color:#89949d;margin-left:8px;font:500 12px IBM Plex Mono}.metric-icon{width:52px;height:52px;color:var(--cyan);background:#22d3ee0a;border:1px solid #22d3ee59;place-items:center;display:grid}.tone-red .metric-icon{color:var(--red);background:#fb5a5a0a;border-color:#fb5a5a59}.progress{background:#222a30;border-radius:5px;height:5px;margin-top:22px;overflow:hidden}.progress i{background:var(--cyan);height:100%;display:block;box-shadow:0 0 10px #22d3ee59}.tone-red .progress i{background:var(--red)}.metric-meta{color:#77909c;margin-top:8px;font-size:11px}.chart-wrap{margin-top:4px}.sparkline{width:100%;height:48px;display:block}.sparkline .grid-line{stroke:#303b43;stroke-width:1px}.sparkline .area{fill:url(#chartFill)}.sparkline .line{fill:none;stroke:var(--cyan);stroke-width:2px}.chart-meta{color:#8da1aa;gap:14px;font:500 10px IBM Plex Mono;display:flex}.control-panel{border:1px solid var(--line);background:linear-gradient(#12181c,#0e1317);border-radius:4px;flex-direction:column;min-height:calc(100vh - 254px);display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:66px;padding:11px 12px;display:flex}.button{border:1px solid var(--line);cursor:pointer;background:#151b20;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 17px;transition:all .18s;display:inline-flex}.button:hover{background:#1a2228;border-color:#4a5862}.button.create{color:#17120a;background:linear-gradient(#ffbb21,#f49b00);border-color:#ffc13e;justify-content:space-between;min-width:136px;font-weight:700;box-shadow:inset 0 1px #fff6,0 0 14px #f59e0b14}.button.create:hover{filter:brightness(1.05)}.button.primary{color:#151007;background:var(--amber);border-color:#ffc13e;font-weight:700}.button.ghost{background:0 0}.button.danger{color:#fff;background:#c93c3c;border-color:#e45656}.select-wrap{min-width:136px;display:inline-flex;position:relative}.select-wrap select{appearance:none;color:#c7cdd2;border:1px solid var(--line);cursor:pointer;background:#151b20;border-radius:3px;width:100%;height:38px;padding:0 34px 0 13px}.select-wrap select:hover{border-color:#3e4b55}.select-arrow{pointer-events:none;color:#828e97;position:absolute;top:8px;right:12px}.search{border:1px solid var(--line);color:#77838c;background:#11171b;border-radius:3px;flex:1;align-items:center;gap:9px;min-width:200px;height:38px;padding:0 12px;display:flex}.search:focus-within{border-color:#42606d;box-shadow:inset 0 0 0 1px #22d3ee1a}.search input{color:#e5eaed;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search input::placeholder{color:#59656e}.refresh{flex:none}.table-wrap{flex:1;min-height:330px;position:relative;overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th{text-align:left;letter-spacing:.03em;color:#9ca6ae;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line);white-space:nowrap;background:#171e23;height:48px;padding:0 13px;font-size:11px;font-weight:500}td{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line);color:#d4dade;white-space:nowrap;text-overflow:ellipsis;height:65px;padding:0 13px;font-size:12px;transition:background .15s;overflow:hidden}th:first-child,td:first-child{width:96px}th:nth-child(2),td:nth-child(2){width:80px}th:nth-child(3),td:nth-child(3){width:88px}th:nth-child(4),td:nth-child(4){width:90px}th:nth-child(6),td:nth-child(6){width:72px}th:nth-child(7),td:nth-child(7){width:62px}th:nth-child(8),td:nth-child(8){width:82px}th:nth-child(9),td:nth-child(9){border-right:0;width:175px}tbody tr:hover td{background:#ffffff05}.selected-row td{background:#22d3ee06;border-top:1px solid #22d3ee52;border-bottom-color:#22d3ee52}.selected-row td:first-child{box-shadow:inset 2px 0 var(--cyan)}.row-live{width:7px;height:7px;margin-right:10px}.country{align-items:center;gap:8px;display:flex}.country>span{font-size:17px}.node-cell{align-items:center;gap:8px;display:flex}.node-cell i{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #22d3ee59}.latency.good{color:var(--green)}.latency.warn{color:var(--amber-bright)}.latency.bad{color:var(--red)}.code{color:#cfd7dc;background:#1b2328;border:1px solid #34414a;border-radius:3px;padding:2px 6px;font-size:10px;display:inline-flex}.status-pill{border-radius:11px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.status-pill.online{color:var(--green);background:#34d39917;border:1px solid #34d3992e}.status-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.offline{color:#7f8a92;background:#ffffff08}.actions{align-items:center;gap:4px;display:flex}.actions button{color:var(--amber-bright);cursor:pointer;background:0 0;border:0;padding:6px 7px;font-size:11px}.actions button:hover{color:#fff;background:#f59e0b14}.actions button.delete{color:var(--red)}.actions button:disabled{color:#69747c;cursor:progress}.empty-state{color:#6f7b84;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:260px;display:flex}.empty-state strong{color:#b9c1c7}.empty-state button{color:var(--amber);cursor:pointer;background:0 0;border:0}.table-footer{border-top:1px solid var(--line);color:#929da5;justify-content:space-between;align-items:center;min-height:62px;padding:0 17px;font-size:12px;display:flex}.pagination{align-items:center;gap:7px;display:flex}.pagination>button{border:1px solid var(--line);color:#9ca6ad;background:#12181c;border-radius:3px;width:34px;height:34px}.pagination>button.active{color:var(--amber);border-color:var(--amber)}.pagination .select-wrap{min-width:102px}.pagination .select-wrap select{height:34px}.drawer{z-index:25;border-left:1px solid var(--line);background:linear-gradient(#12181c,#0d1215);flex-direction:column;grid-row:2;width:330px;height:calc(100vh - 58px);display:flex;position:sticky;top:58px;box-shadow:-18px 0 35px #0000002e}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;padding:15px 15px 13px;display:flex}.drawer h2,.drawer h3{margin:2px 0 0}.drawer h2{font-size:18px}.drawer h3{font-size:14px}.eyebrow{color:#697680;letter-spacing:.16em;font:500 8px IBM Plex Mono;display:block}.drawer-scroll{flex:1;overflow-y:auto}.drawer-section{border-bottom:1px solid var(--line);padding:15px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{color:#a9b2b9;flex-direction:column;gap:6px;font-size:11px;display:flex}.field input{color:#edf1f3;border:1px solid var(--line);background:#0e1418;border-radius:3px;height:38px;padding:0 11px;font:500 12px IBM Plex Mono}.field .select-wrap{min-width:0}.toggle-row{cursor:pointer;align-items:center;margin-top:14px;display:flex}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row strong{font-size:12px}.toggle-row small{color:#69747d;font-size:9px}.toggle-row input{opacity:0;position:absolute}.toggle-row>i{background:#30383f;border-radius:12px;width:38px;height:20px;margin-left:auto;padding:2px;transition:all .18s}.toggle-row>i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .18s;display:block}.toggle-row input:checked+i{background:var(--amber)}.toggle-row input:checked+i:after{background:#251b08;transform:translate(18px)}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:11px;display:flex}.section-title>span,.section-count{color:#65717a;font:500 9px IBM Plex Mono}.section-title-actions{align-items:center;gap:7px;display:flex}.bulk-icon-button{color:#8b979f;cursor:pointer;background:#10171b;border:1px solid #34414a;border-radius:3px;place-items:center;width:28px;height:28px;padding:0;transition:all .16s;display:grid}.bulk-icon-button:hover:not(:disabled){color:var(--amber-bright);border-color:var(--amber);background:#f59e0b12}.bulk-icon-button[data-state=all]{color:#211806;border-color:var(--amber);background:var(--amber)}.bulk-icon-button[data-state=all]:disabled{opacity:1}.bulk-icon-button.clear:hover:not(:disabled){color:#ff8c8c;background:#fb5a5a14;border-color:#fb5a5aa6}.bulk-icon-button:disabled:not([data-state=all]){opacity:.32;cursor:default}.bulk-icon-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.selection-box-icon{pointer-events:none}.node-filters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.node-filters .select-wrap{min-width:0}.search.small{width:100%;min-width:0;margin-top:9px}.node-list{border:1px solid var(--line);border-radius:3px;margin-top:10px;overflow:hidden}.node-option{text-align:left;border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;background:#12181c;align-items:center;gap:8px;width:100%;min-height:55px;padding:7px 9px;display:flex}.node-option:last-child{border-bottom:0}.node-option:hover{background:#171f24}.node-option.selected{box-shadow:inset 2px 0 var(--amber);background:#f59e0b0f}.radio{border:1px solid #59656e;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.node-option.selected .radio{border-color:var(--amber)}.node-option.selected .radio i{background:var(--amber);border-radius:50%;width:6px;height:6px}.flag{font-size:18px}.node-copy{flex-direction:column;flex:1;min-width:0;display:flex}.node-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.node-copy small{color:#69747c;margin-top:2px;font-size:9px}.node-option .latency{font:500 9px IBM Plex Mono}.signal{align-items:flex-end;gap:1px;height:15px;display:flex}.signal i{background:currentColor;width:2px}.signal i:first-child{height:5px}.signal i:nth-child(2){height:9px}.signal i:nth-child(3){height:13px}.signal.good{color:var(--green)}.signal.warn{color:var(--amber)}.signal.bad{color:var(--red)}.form-error{color:#ff9a9a;background:#fb5a5a12;border:1px solid #fb5a5a59;margin:8px 15px 0;padding:8px 10px;font-size:10px}.drawer-footer{border-top:1px solid var(--line);background:#0c1114;grid-template-columns:.7fr 1.3fr;gap:9px;min-height:68px;padding:12px 15px;display:grid}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020405b8;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{background:linear-gradient(145deg,#171b1e,#101416);border:1px solid #533536;width:410px;padding:25px;box-shadow:0 24px 80px #0000008c}.danger-symbol{width:46px;height:46px;color:var(--red);background:#fb5a5a12;border:1px solid #fb5a5a66;place-items:center;margin-bottom:15px;display:grid}.danger-text{color:#c66666}.confirm-dialog h2{margin:5px 0 8px;font-size:21px}.confirm-dialog p{color:#8e999f;margin:0;font-size:12px;line-height:1.7}.confirm-port{border:1px solid var(--line);background:#0e1316;align-items:center;gap:12px;margin:20px 0;padding:13px;display:flex}.confirm-port span:first-child{color:#69747c;font:500 9px IBM Plex Mono}.confirm-port strong{font:600 16px IBM Plex Mono}.confirm-port .icon{color:#59656c}.confirm-port span:last-child{margin-left:auto}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{z-index:100;background:#151c20;border:1px solid #2f4249;align-items:center;gap:10px;min-width:300px;padding:12px 15px;font-size:12px;animation:.24s both toast-in;display:flex;position:fixed;top:72px;right:18px;box-shadow:0 14px 35px #00000059}.toast>span{color:#08110d;background:var(--green);border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.toast.info>span{background:var(--cyan)}.toast.info{border-color:#22d3ee59}.toast.warning{border-color:#f59e0b66}.toast.warning>span{background:var(--amber)}.copy-toast{max-width:min(520px,100vw - 36px)}.copy-toast.stacked{top:126px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media (width<=1390px){.app-shell.drawer-open{grid-template-columns:166px minmax(760px,1fr)}.drawer{position:fixed;top:58px;right:0}.sidebar{width:166px}.topbar{grid-template-columns:300px 1fr auto}.system-strip span:nth-child(2){display:none}}@media (width<=1180px){.app-shell,.app-shell.drawer-open{grid-template-columns:70px minmax(930px,1fr)}.sidebar{width:70px}.sidebar nav button{justify-content:center;padding:0}.sidebar nav button span,.sidebar nav button b{display:none}.brand{padding-left:18px}.topbar{grid-template-columns:270px 1fr auto}.system-metrics>span:nth-child(2),.system-strip span:nth-child(3){display:none}}.page-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;min-height:76px;padding:4px 4px 8px;display:flex}.page-head h1{letter-spacing:-.03em;margin:4px 0 3px;font-size:25px}.page-head p{color:var(--muted);margin:0;font-size:12px}.data-card{border:1px solid var(--line);background:linear-gradient(145deg,#151b20,#101519);border-radius:4px;padding:18px}.data-card h2{margin:0 0 15px;font-size:16px}.country-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;display:grid}.country-card{border:1px solid var(--line);background:#10161a;align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:flex}.country-card>span{font-size:22px}.country-card>div{flex-direction:column;flex:1;display:flex}.country-card strong{font-size:12px}.country-card small{color:#65717a;font:9px IBM Plex Mono}.country-card b{color:var(--cyan);font:600 16px IBM Plex Mono}.subscription-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.subscription-grid h2{margin:6px 0 18px}.big-number{color:var(--cyan);font:600 38px IBM Plex Mono}.path-text{border-top:1px solid var(--line);color:#77848d;overflow-wrap:anywhere;margin:18px 0 0;padding-top:12px;font-size:10px}.subscription-import{padding:0;overflow:hidden}.subscription-import-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.subscription-import-head h2{margin:4px 0 0}.subscription-form{grid-template-columns:2fr 1fr;gap:12px;padding:16px 18px;display:grid}.subscription-form label{color:#a9b2b9;flex-direction:column;gap:7px;font-size:11px;display:flex}.subscription-form label.wide{grid-column:1/-1}.subscription-form input,.subscription-form textarea{color:#edf1f3;border:1px solid var(--line);background:#0e1418;border-radius:3px;width:100%;padding:0 11px;font:500 12px IBM Plex Mono}.subscription-form input{height:40px}.subscription-form textarea{resize:vertical;min-height:145px;padding-top:10px}.subscription-form .select-wrap{width:100%}.subscription-actions{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.subscription-card .subscription-actions{margin:16px -18px -18px}.subscription-card-head{justify-content:space-between;align-items:center;display:flex}.subscription-card.has-error{border-color:#fb5a5a5c}.subscription-error,.subscription-message{color:#ff9a9a;overflow-wrap:anywhere;background:#fb5a5a12;border:1px solid #fb5a5a59;padding:10px 12px;font-size:11px}.subscription-preview{color:var(--green);background:#34d3990d;border:1px solid #34d39940;flex-direction:column;gap:4px;margin:0 18px 4px;padding:10px 12px;font-size:11px;display:flex}.subscription-preview span{color:#849198}.subscription-actions .button:disabled{opacity:.48;cursor:not-allowed}.subscription-form{grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(110px,.7fr)}.subscription-badges{align-items:center;gap:7px;display:flex}.priority-pill{color:var(--amber-bright);white-space:nowrap;background:#f59e0b12;border:1px solid #f59e0b47;border-radius:11px;padding:3px 8px;font-size:10px}.subscription-settings-modal{border-color:#3a4851;width:min(580px,100vw - 40px);padding:0}.subscription-settings-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.subscription-settings-head h2{margin:4px 0 0}.subscription-settings-grid{grid-template-columns:1fr 1fr;gap:14px;padding:18px 20px;display:grid}.subscription-settings-grid>label{color:#a9b2b9;flex-direction:column;gap:7px;font-size:11px;display:flex}.subscription-settings-grid>label.wide{grid-column:1/-1}.subscription-settings-grid input:not([type=checkbox]){color:#edf1f3;border:1px solid var(--line);background:#0e1418;border-radius:3px;width:100%;height:40px;padding:0 11px;font:500 12px IBM Plex Mono}.subscription-settings-grid .select-wrap{width:100%}.subscription-toggle{border:1px solid var(--line);background:#0e1418;justify-content:space-between;align-items:center;min-height:64px;padding:10px 12px;flex-direction:row!important}.subscription-toggle>span{flex-direction:column;gap:3px;display:flex}.subscription-toggle small{color:#65717a;font-size:9px}.subscription-toggle input{width:18px;height:18px;accent-color:var(--amber)}.subscription-settings-modal .dialog-actions{border-top:1px solid var(--line);padding:14px 20px}.detail-list{grid-template-columns:repeat(2,minmax(220px,1fr));margin:0;display:grid}.detail-list div{border:1px solid var(--line-soft);justify-content:space-between;padding:12px;display:flex}.detail-list dt{color:var(--muted)}.detail-list dd{color:#e0e6e9;margin:0;font-family:IBM Plex Mono}.log-list{padding:0}.log-row{border-bottom:1px solid var(--line-soft);grid-template-columns:12px 180px 1fr;align-items:center;gap:12px;min-height:64px;padding:8px 16px;display:grid}.log-row:last-child{border:0}.log-row time{color:#71808a;font:10px IBM Plex Mono}.log-row strong{font-size:12px;font-weight:500}.log-row.failure .status-dot,.diagnostic-row.error .status-dot{background:var(--red);box-shadow:0 0 9px #fb5a5a6b}.log-content{flex-direction:column;gap:5px;min-width:0;display:flex}.log-content small{color:#697780;overflow-wrap:anywhere;font:9px IBM Plex Mono}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.audit-toolbar{align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.audit-toolbar>span{color:#aab4ba;font-size:11px}.audit-toolbar>small{color:var(--muted);margin-left:auto}.audit-more{border-top:1px solid var(--line-soft);justify-content:center;padding:14px;display:flex}.settings-card{padding:0}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:78px;padding:14px 18px;display:flex}.setting-row:last-child{border:0}.setting-row>span{flex-direction:column;gap:4px;display:flex}.setting-row small{color:var(--muted)}.settings-center{grid-template-columns:218px minmax(0,1fr);align-items:start;gap:14px;display:grid}.settings-section-nav{border:1px solid var(--line);background:linear-gradient(#12181c,#0e1317);border-radius:4px;gap:4px;padding:7px;display:grid;position:sticky;top:76px}.settings-section-nav button{color:#a8b2b9;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px 10px;transition:all .16s;display:flex}.settings-section-nav button:hover{color:#edf2f4;background:#ffffff09}.settings-section-nav button.active{color:var(--amber-bright);box-shadow:inset 2px 0 var(--amber);background:linear-gradient(90deg,#f59e0b21,#f59e0b06);border-color:#f59e0b52}.settings-section-nav button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-section-nav button strong{color:inherit;font-size:12px;font-weight:600}.settings-section-nav button small{color:#6f7c85;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.settings-section-nav button.active small{color:#b28a49}.settings-content{min-width:0}.settings-content>.reliability-message,.settings-content>.subscription-error{margin:0 0 14px}.settings-mobile-nav{display:none}.settings-panel-stack{gap:14px;display:grid}.settings-section-card{padding:0;overflow:hidden}.settings-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:17px 18px;display:flex}.settings-section-head h2{margin:5px 0 4px;font-size:16px}.settings-section-head p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.settings-section-note{color:#829099;border-top:1px solid var(--line-soft);background:#ffffff03;margin:0;padding:13px 18px;font-size:10px;line-height:1.65}.browser-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.browser-integration-card{border:1px solid var(--line);background:#10161a;border-radius:4px;min-height:146px;padding:16px}.browser-integration-card p{color:#8f9ba3;margin:20px 0 0;font-size:11px;line-height:1.75}.browser-integration-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.browser-integration-title>div{flex-direction:column;gap:5px;min-width:0;display:flex}.browser-integration-title strong{font-size:13px}.browser-integration-title small{color:#6f7c85;font-size:9px}.roxy-connect-form{grid-template-columns:90px minmax(120px,1fr) auto;align-items:end;gap:10px;margin-top:18px;display:grid}.roxy-connect-form label{color:#9aa5ac;gap:6px;font-size:10px;display:grid}.roxy-connect-form .button{white-space:nowrap}.roxy-connect-form input,.roxy-binding-section select,.roxy-manual-fields input{color:#edf1f3;border:1px solid var(--line);background:#0b1115;border-radius:3px;width:100%;height:38px;padding:0 10px;font:500 11px IBM Plex Mono}.browser-integration-card .browser-integration-success{color:var(--green);margin-top:12px}.browser-integration-card .browser-integration-error{color:#ff8d85;margin-top:12px}.settings-status.connected{color:var(--green);background:#34d39912;border-color:#34d3994d}.roxy-binding-section{gap:14px;display:grid}.roxy-binding-section .field{gap:7px;display:grid}.roxy-binding-section .field>span{color:#9da8af;font-size:10px}.roxy-manual-fields{border:1px solid var(--line-soft);background:#ffffff03;padding:11px 12px}.roxy-manual-fields summary{color:#829099;cursor:pointer;font-size:10px}.roxy-manual-fields[open] summary{margin-bottom:12px}.roxy-manual-fields .field-row{margin-bottom:10px}.settings-status{border:1px solid var(--line);border-radius:10px;flex:none;padding:3px 7px;font:500 9px IBM Plex Mono}.settings-status.pending{color:#a6b0b7;background:#171e23}.recovery-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.recovery-action-card{border:1px solid var(--line);background:#10161a;border-radius:4px;justify-content:space-between;align-items:flex-end;gap:14px;min-height:132px;padding:15px;display:flex}.recovery-action-card.open{border-color:#f59e0b59}.recovery-action-card.danger{border-color:#fb5a5a33}.recovery-action-card.danger.open{border-color:#fb5a5a73}.recovery-action-card>div{align-self:flex-start}.recovery-action-card strong{font-size:13px}.recovery-action-card p{color:#839099;margin:8px 0 0;font-size:10px;line-height:1.6}.settings-detail-card .settings-section-head{min-height:82px}.system-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.system-summary-grid>div{border-right:1px solid var(--line-soft);flex-direction:column;justify-content:center;gap:8px;min-height:92px;padding:17px 18px;display:flex}.system-summary-grid>div:last-child{border-right:0}.system-summary-grid span{color:#7f8c95;font-size:10px}.system-summary-grid strong{overflow-wrap:anywhere;font:600 15px IBM Plex Mono}.settings-empty-result{color:#78858e;text-align:center;margin:0;padding:27px 18px;font-size:11px}.runtime-details{padding:0;overflow:hidden}.runtime-details>summary{color:#b4bec5;cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;font-size:12px;list-style:none;display:flex}.runtime-details>summary::-webkit-details-marker{display:none}.runtime-details>summary:after{content:"⌄";color:#74818a;font-size:18px;transition:transform .16s}.runtime-details[open]>summary{color:#edf2f4;border-bottom:1px solid var(--line)}.runtime-details[open]>summary:after{transform:rotate(180deg)}.runtime-details .detail-list{gap:8px;padding:14px}.runtime-details .detail-list div{gap:14px;min-width:0}.runtime-details .detail-list dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.automation-create-form{border-bottom:1px solid var(--line);background:#ffffff03}.reliability-message{margin:0}.reliability-card{padding:0;overflow:hidden}.reliability-card.danger-zone{border-color:#fb5a5a40}.reliability-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:17px 18px;display:flex}.reliability-head h2{margin:5px 0 4px}.reliability-head p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.diagnostic-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diagnostic-row{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:12px minmax(120px,.7fr) 1fr auto;align-items:center;gap:10px;min-height:57px;padding:10px 14px;display:grid}.diagnostic-row strong{font-size:11px}.diagnostic-row small{color:var(--muted);font-size:10px}.diagnostic-row code{color:#697780;font:9px IBM Plex Mono}.recovery-form{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);align-items:end;gap:13px;padding:17px 18px;display:grid}.recovery-form.two-columns .button{grid-column:1/-1;justify-self:end}.recovery-form>label{color:#aab4ba;flex-direction:column;gap:7px;font-size:11px;display:flex}.recovery-form input{color:#edf1f3;border:1px solid var(--line);background:#0e1418;border-radius:3px;width:100%;min-height:40px;padding:0 11px;font:500 12px IBM Plex Mono}.recovery-form input[type=file]{padding:8px 10px}.recovery-form input[type=file]::file-selector-button{color:#d8e0e4;cursor:pointer;background:#172027;border:1px solid #3b4850;border-radius:2px;margin-right:10px;padding:5px 9px}.recovery-summary{color:var(--green);background:#34d3990d;border:1px solid #34d39940;grid-column:1/-1;padding:11px 12px;font:10px IBM Plex Mono}.recovery-form>.page-actions{grid-column:1/-1}.button:disabled{opacity:.5;cursor:not-allowed}.loading-screen{color:#bcc6cc;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.error-screen p{color:var(--red)}.loading-screen .brand-mark{display:flex}.drawer{position:fixed;top:58px;right:0}.toast.danger{border-color:#fb5a5a66}.toast.danger>span{background:var(--red)}.login-screen{background:radial-gradient(circle at 50% 15%,#22d3ee17,#0000 30%),linear-gradient(145deg,#080b0d,#0e1418);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:linear-gradient(145deg,#151c21,#0e1317);border:1px solid #30404a;width:min(420px,100%);padding:30px;box-shadow:0 30px 90px #0000007a}.login-brand{align-items:center;gap:14px;display:flex}.login-brand .brand-mark{width:42px;height:42px;display:flex}.login-brand h1{margin:3px 0 0;font-size:22px}.login-card>p{color:var(--muted);margin:20px 0;font-size:12px}.login-card form{flex-direction:column;gap:13px;display:flex}.login-field{color:#aeb8bf;flex-direction:column;gap:7px;font-size:11px;display:flex}.login-field input{color:#f2f5f6;border:1px solid var(--line);background:#0b1013;border-radius:3px;height:44px;padding:0 12px}.login-field input:focus{border-color:var(--cyan)}.remember-row{color:#c7d0d5;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.remember-row>input{opacity:0;pointer-events:none;position:absolute}.remember-check{color:#0000;background:#0b1013;border:1px solid #52616a;border-radius:3px;flex:none;place-items:center;width:18px;height:18px;transition:all .16s;display:grid}.remember-row>input:checked+.remember-check{color:#211806;border-color:var(--amber);background:var(--amber)}.remember-row>input:focus-visible+.remember-check{outline:2px solid var(--cyan);outline-offset:2px}.remember-row>span:last-child{flex-direction:column;gap:2px;display:flex}.remember-row strong{font-size:11px;font-weight:500}.remember-row small{color:#6e7b84;font-size:9px}.login-error{color:#ff9a9a;background:#fb5a5a12;border:1px solid #fb5a5a59;padding:9px 11px;font-size:11px}.login-submit{width:100%;margin-top:3px}.login-submit:disabled{opacity:.65;cursor:wait}.login-card>small{color:#66737b;text-align:center;margin-top:16px;display:block}.topbar-actions{align-items:center;gap:8px;padding-right:12px;display:flex}.text-button{border:1px solid var(--line);color:#9aa6ae;cursor:pointer;background:#11161a;border-radius:3px;height:36px;padding:0 12px;font-size:11px}.text-button:hover{color:#fff;border-color:#4a5862}.ports-table{table-layout:fixed;min-width:1050px}.ports-table th,.ports-table td{width:auto}.ports-table .col-port{width:124px}.ports-table .col-protocol{width:84px}.ports-table .col-provider{width:120px}.ports-table .col-country{width:100px}.ports-table .col-route{width:220px}.ports-table .col-check{width:144px}.ports-table .col-status{width:132px}.ports-table .col-actions{width:214px}.ports-table .check-cell{text-overflow:clip;overflow:hidden}.ports-table .status-cell,.ports-table .actions-cell{text-overflow:clip;overflow:visible}.ports-table .actions{white-space:nowrap;gap:8px}.ports-table .actions button{min-width:36px;padding:6px 5px}.proxy-address-copy{align-items:center;gap:7px;display:flex}.proxy-address-copy>strong{flex:none;font-size:12px}.proxy-copy-actions{align-items:center;gap:4px;display:flex}.proxy-copy-button{color:#87939b;cursor:pointer;background:#10171b;border:1px solid #2c373e;border-radius:3px;flex:none;place-items:center;width:28px;height:28px;padding:0;transition:all .16s;display:grid}.proxy-copy-button.http:hover:not(:disabled){color:var(--cyan);background:#22d3ee12;border-color:#22d3ee66}.proxy-copy-button.socks5:hover:not(:disabled){color:var(--amber-bright);background:#f59e0b12;border-color:#f59e0b66}.proxy-copy-button.copied{color:var(--green);background:#34d3990f;border-color:#34d39959}.proxy-copy-button:disabled{opacity:.28;cursor:not-allowed}.verification-dialog{background:#11171a;border:1px solid #3a4851;border-radius:4px;width:min(640px,100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 80px #0009}.verification-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.verification-dialog h2{margin:4px 0 0;font-size:20px}.verification-metrics{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.verification-metrics>div{border:1px solid var(--line);background:#0e1417;flex-direction:column;gap:4px;padding:14px;display:flex}.verification-metrics strong{color:var(--green);font:600 20px IBM Plex Mono}.verification-metrics span{color:#748088;font-size:10px}.verification-list{flex-direction:column;gap:8px;padding:0 20px 16px;display:flex}.verification-exit{border:1px solid var(--line-soft);background:#0d1316;grid-template-columns:28px minmax(0,1fr) 52px 64px;align-items:center;gap:10px;padding:11px 12px;display:grid}.verification-exit>div{flex-direction:column;gap:3px;min-width:0;display:flex}.verification-exit strong{font:600 12px IBM Plex Mono}.verification-exit small,.verification-exit>span:last-child{color:#748088;font-size:10px}.verification-exit>b{color:var(--amber-bright);font:600 11px IBM Plex Mono}.verification-note{color:#d2a467;background:#f59e0b0f;border:1px solid #f59e0b40;margin:0 20px 16px;padding:10px 12px;font-size:11px}.verification-dialog>footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 20px;display:flex}.listener-check{flex-direction:column;gap:4px;min-width:0;display:flex}.listener-check-main{align-items:center;gap:8px;min-width:0;display:flex}.listener-check-status{color:#aab4bb;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:500;display:inline-flex}.listener-check-status i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.listener-check-latency{color:#d9e2e7;white-space:nowrap;flex:none;font:500 10px IBM Plex Mono}.listener-check small{color:#68757e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.listener-check.online .listener-check-status{color:var(--green)}.listener-check.offline .listener-check-status,.listener-check.error .listener-check-status{color:var(--red)}.listener-check.checking .listener-check-status{color:var(--amber-bright)}.listener-check.idle .listener-check-status{color:#8a969e}.status-pill.warning{color:var(--amber-bright);background:#f59e0b14;border:1px solid #f59e0b47}.pool-summary small.node-warning{color:var(--amber-bright)}.node-warning-panel{color:var(--amber-bright);background:#f59e0b0f;border:1px solid #f59e0b47;border-radius:3px;margin-bottom:10px;padding:11px 12px;font-size:11px}.node-warning-panel p{color:#b7a68c;margin:6px 0 10px;line-height:1.6}.pool-node.unavailable .flag,.pool-node.unavailable .node-copy strong{color:var(--amber-bright)}.pool-drawer{width:440px}.strategy-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.strategy-card{color:#d8dfe3;text-align:left;border:1px solid var(--line);cursor:pointer;background:#0f1519;border-radius:3px;flex-direction:column;align-items:flex-start;gap:4px;min-height:62px;padding:9px 10px;display:flex}.strategy-card:last-child:nth-child(odd){grid-column:1/-1}.strategy-card:hover{background:#151d22;border-color:#4a5862}.strategy-card.selected{border-color:var(--amber);box-shadow:inset 2px 0 var(--amber);background:#f59e0b14}.strategy-card strong{font-size:11px}.strategy-card small{color:#71808a;font-size:9px;line-height:1.4}.strategy-card.selected strong{color:var(--amber-bright)}.strategy-options .field.wide{margin-bottom:10px}.field-row.compact{grid-template-columns:1fr 1fr}.pool-order{border:1px solid var(--line);border-radius:3px;overflow:hidden}.pool-node{border-bottom:1px solid var(--line-soft);background:#10161a;align-items:center;gap:8px;min-height:54px;padding:7px 8px;display:flex}.pool-node:last-child{border-bottom:0}.pool-node>b{color:#101214;background:var(--amber);border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font:700 9px IBM Plex Mono;display:grid}.order-actions{gap:2px;display:flex}.order-actions button{color:#9ba6ad;cursor:pointer;background:#151c21;border:1px solid #303b43;width:23px;height:25px;padding:0}.order-actions button:hover:not(:disabled){color:#fff;border-color:#58666f}.order-actions button:last-child{color:#eb7777}.order-actions button:disabled{opacity:.25;cursor:default}.pool-empty{color:#68757e;border:1px dashed #303b43;place-items:center;min-height:58px;font-size:10px;display:grid}.checkbox{color:#0000;border:1px solid #59656e;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;display:grid}.node-option.selected .checkbox{color:#211806;border-color:var(--amber);background:var(--amber)}.picked-index{color:var(--amber);font:600 9px IBM Plex Mono}.pool-summary{flex-direction:column;gap:4px;min-width:0;display:flex}.pool-summary strong,.pool-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pool-summary strong{color:#dde4e7;font-size:11px}.pool-summary small{color:#78858e;font-size:9px}@media (width<=700px){.pool-drawer{width:100vw}.strategy-grid{grid-template-columns:1fr}.strategy-card:last-child{grid-column:auto}}@media (width<=520px){.verification-dialog{width:calc(100vw - 16px)}.verification-dialog>header{padding:16px 18px}.verification-metrics{gap:8px;padding:16px 18px}.verification-metrics>div{padding:11px 10px}.verification-list{padding:0 18px 16px}.verification-exit{grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) auto;gap:2px 8px}.verification-exit>.flag{grid-area:1/1/3}.verification-exit>div{grid-area:1/2/3}.verification-exit strong{overflow-wrap:anywhere;font-size:10px}.verification-exit>b{grid-area:1/3}.verification-exit>span:last-child{grid-area:2/3}.verification-note{margin-left:18px;margin-right:18px}}@media (width<=800px){.diagnostic-list,.recovery-form,.detail-list{grid-template-columns:1fr}.reliability-head{flex-direction:column;align-items:flex-start}.diagnostic-row{grid-template-columns:12px minmax(110px,.8fr) 1fr auto}.recovery-form.two-columns .button,.recovery-summary,.recovery-form>.page-actions{grid-column:1}.log-row{grid-template-columns:12px 140px 1fr}}@media (width<=1000px){.settings-center{grid-template-columns:minmax(0,1fr)}.settings-section-nav{display:none}.settings-mobile-nav{border:1px solid var(--line);background:#11171b;border-radius:4px;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;display:flex}.settings-mobile-nav>span{color:#9ca7ae;font-size:11px}.settings-mobile-nav .select-wrap{min-width:190px}}@media (width<=640px){.settings-page .page-head{flex-direction:column;align-items:flex-start}.settings-mobile-nav{flex-direction:column;align-items:stretch;gap:8px}.settings-mobile-nav .select-wrap{width:100%;min-width:0}.settings-section-head{flex-direction:column;align-items:flex-start;min-height:0;padding:15px}.settings-section-head>.button,.settings-section-head>.page-actions{width:100%}.settings-section-head>.button{justify-content:center}.settings-section-head>.page-actions{grid-template-columns:1fr;display:grid}.browser-integration-grid,.recovery-action-grid,.system-summary-grid{grid-template-columns:minmax(0,1fr)}.browser-integration-grid,.recovery-action-grid{padding:13px}.roxy-connect-form{grid-template-columns:minmax(0,1fr)}.recovery-action-card{flex-direction:column;align-items:stretch;min-height:0}.recovery-action-card .button{width:100%}.system-summary-grid>div{border-right:0;border-bottom:1px solid var(--line-soft);min-height:76px}.system-summary-grid>div:last-child{border-bottom:0}.settings-section-card .setting-row{flex-direction:column;align-items:stretch}.settings-section-card .setting-row .select-wrap{width:100%}.runtime-details .detail-list dd{overflow-wrap:anywhere;white-space:normal}}.observation-page .table-wrap{min-height:0}.observation-page table{table-layout:auto;min-width:680px}.observation-page table th,.observation-page table td{width:auto}.observation-page table td{padding:12px}.observation-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.observation-actions small,.observation-note{color:var(--muted,#929aaa);font-size:12px;line-height:1.7}small.observation-note{display:block}.observation-error{color:#ffaca4;overflow-wrap:anywhere;background:#361e24;border:1px solid #6b3939;border-radius:10px;padding:14px 18px}.observation-job{border:1px solid var(--border,#343b48);background:var(--panel,#18202a);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.observation-job small{color:var(--muted,#929aaa);flex-basis:100%}.health-badge{white-space:nowrap;color:#d6dce6;background:#303744;border-radius:6px;padding:4px 9px;font-size:12px;display:inline-block}.health-badge.healthy{color:#80ebbd;background:#153c30}.health-badge.failed{color:#ffb2aa;background:#47282b}.health-badge.stale{color:#f8d488;background:#44391f}.observation-history,.observation-settings{padding:24px}.observation-history h2,.observation-settings h2{margin-bottom:14px}.observation-detail{overflow-wrap:anywhere;white-space:normal;min-width:200px;max-width:420px}.observation-detail small{line-height:1.8;display:block}.observation-trend{align-items:stretch;gap:5px;height:64px;margin:16px 0 8px;display:flex}.trend-slot{background:#343b48;border-radius:3px;flex:1;min-width:2px;position:relative;overflow:hidden}.trend-slot.sampled{background:#299f7a}.trend-slot i{background:#ec7e71;position:absolute;bottom:0;left:0;right:0}.observation-toggle{align-items:center;gap:10px;line-height:1.7;display:flex}.observation-setting-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.observation-setting-grid label{flex-direction:column;gap:8px;font-size:13px;display:flex}.observation-setting-grid input{color:#e3e8ef;background:#111820;border:1px solid #39414e;border-radius:8px;width:100%;padding:10px 12px}.observation-setting-grid small{color:var(--muted,#929aaa)}@media (width<=720px){.observation-setting-grid{grid-template-columns:1fr}.observation-history,.observation-settings{padding:16px}.observation-actions{padding:12px}}@media (width<=1000px){body:has(:is(.observation-page,.automation-page)){min-width:360px}.app-shell:has(:is(.observation-page,.automation-page)){grid-template:58px auto 1fr/minmax(0,1fr)}.app-shell:has(:is(.observation-page,.automation-page)) .topbar{grid-template-columns:minmax(0,1fr) auto}:is(.app-shell:has(:is(.observation-page,.automation-page)) .system-strip,.app-shell:has(:is(.observation-page,.automation-page)) .version){display:none}.app-shell:has(:is(.observation-page,.automation-page)) .sidebar{grid-row:2;width:auto;height:auto;position:relative;top:auto}.app-shell:has(:is(.observation-page,.automation-page)) .sidebar nav{padding:4px;display:flex;overflow-x:auto}.app-shell:has(:is(.observation-page,.automation-page)) .sidebar nav button{white-space:nowrap;flex:none;gap:8px;width:auto;padding:0 12px}.app-shell:has(:is(.observation-page,.automation-page)) .sidebar nav button span{display:inline}.app-shell:has(:is(.observation-page,.automation-page)) .sidebar-foot{display:block}.app-shell:has(:is(.observation-page,.automation-page)) .workspace{grid-row:3}.observation-page .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.observation-page .toolbar{flex-wrap:wrap}}@media (width<=480px){.app-shell:has(:is(.observation-page,.automation-page)) .brand{gap:8px;padding:0 10px}.app-shell:has(:is(.observation-page,.automation-page)) .brand strong{font-size:15px}.app-shell:has(:is(.observation-page,.automation-page)) .workspace{padding:10px}.observation-page .metrics-grid{grid-template-columns:minmax(0,1fr)}}.automation-note{color:var(--muted);margin:16px 18px;font-size:12px;line-height:1.7}.automation-card .recovery-form{grid-template-columns:minmax(0,1fr)}.automation-card .recovery-form>button{justify-self:start}.automation-inputs label{color:#aab4ba;gap:7px;font-size:12px;display:grid}.automation-card a{color:var(--cyan)}.automation-inputs{grid-template-columns:1fr 160px;gap:16px;display:grid}.automation-scopes{border:1px solid var(--line);border-radius:6px;gap:12px;min-width:0;padding:14px;font-size:12px;display:grid}.automation-scopes label{flex-direction:row;align-items:center;gap:10px;display:flex}.automation-scopes input{width:16px;height:16px;min-height:0;accent-color:var(--amber);flex:none;padding:0}.automation-token-list{gap:12px;margin:16px 18px;display:grid}.automation-token{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.automation-token>div:first-child{flex:1}.automation-token .automation-revoke{color:#ffaca4;border:1px solid #6b3939;flex-basis:100%;padding:12px;font-size:12px}.automation-token>div{overflow-wrap:anywhere;gap:7px;min-width:0;display:grid}.automation-token small{color:var(--muted)}.automation-secret{border:1px solid #c79228;border-radius:6px;gap:12px;margin:16px 18px;padding:16px;display:grid}.automation-secret label{gap:8px;display:grid}.automation-secret textarea{box-sizing:border-box;resize:vertical;width:100%;color:var(--green);background:var(--surface-2);border:1px solid var(--line);padding:12px;font-family:monospace}.automation-diff{overflow-wrap:anywhere}.recovery-summary details{margin-top:12px}@media (width<=640px){.automation-inputs{grid-template-columns:1fr}.automation-token{align-items:flex-start}.automation-page .setting-row{flex-wrap:wrap;gap:12px}.automation-page .diagnostic-row{grid-template-columns:12px minmax(0,1fr)}.automation-page .detail-list dd{overflow-wrap:anywhere}}.update-center{position:relative}.update-version-button{color:#b5c0ce;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:16px 14px;display:flex}.update-version-button:hover{color:#eef2f5;background:#ffffff0a}.update-version-button:focus-visible{outline-offset:-3px}.update-version-button.has-update{color:#fbbf24;background:#292317}.update-version-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.update-version-label{align-items:center;gap:7px;display:flex}.update-version-label strong{overflow-wrap:anywhere;font:500 12px IBM Plex Mono,monospace}.update-version-copy small{color:var(--muted);font-size:9px}.update-version-action{flex:none;font-size:12px}.update-version-button i{background:#fbbf24;border-radius:50%;flex:none;width:6px;height:6px}.update-tip{z-index:110;color:#e5edf6;background:#161c24;border:1px solid #6f5830;border-radius:8px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 150px);padding:20px;position:absolute;bottom:calc(100% + 12px);left:12px;overflow:auto;box-shadow:0 16px 60px #0008}.update-tip p{color:#99a5b4;margin:9px 0 16px;font-size:13px}.update-tip-actions{gap:10px;display:flex}.update-tip.success{border-color:#2e755d}.update-backdrop{z-index:120;background:#05090dbd;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.update-dialog{color:#dbe5ef;background:#10171f;border:1px solid #354456;border-radius:9px;flex-direction:column;width:min(620px,100%);max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 20px 90px #0009}.update-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.update-dialog h2{margin:5px 0 0;font-size:22px}.update-eyebrow{letter-spacing:2px;color:#8093a7;font:10px IBM Plex Mono,monospace}.update-dialog-body{padding:22px 24px;overflow:auto}.update-version-row{align-items:center;gap:32px;margin-bottom:14px;display:flex}.update-version-row>div{flex-direction:column;gap:8px;display:flex}.update-version-row small,.update-muted{color:#8799ac;font-size:12px;line-height:1.8}.update-version-row strong{font:600 25px IBM Plex Mono,monospace}.update-current-state{background:#34d3990f;border:1px solid #34d39952;border-radius:5px;align-items:center;gap:15px;padding:17px 18px;display:flex}.update-current-mark{color:#07140f;background:var(--green);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:grid}.update-current-state strong{color:#dff9ef;font-size:15px}.update-current-state p,.update-current-version p{color:#8799ac;margin:5px 0 0;font-size:12px;line-height:1.7}.update-current-version{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.update-current-version small{color:#8799ac;font-size:12px}.update-current-version strong{font:600 25px IBM Plex Mono,monospace}.update-notes{background:#0b1118;border:1px solid #283543;border-radius:5px;margin:18px 0;padding:14px}.update-notes summary{cursor:pointer;font-size:13px}.update-notes pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#a5b4c4;max-height:220px;font:12px/1.9 inherit;overflow:auto}.update-impact{color:#b1c0cf;font-size:13px;line-height:1.9}.update-warning{color:#f3bc7a;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.update-job{background:#132232;border:1px solid #344d64;border-radius:5px;margin:16px 0;padding:16px;font-size:13px;line-height:1.8}.update-job.success{background:#12271f;border-color:#2b7156}.update-job progress{accent-color:#f3b944;width:100%;height:8px;margin:14px 0 4px;display:block}.update-preference{color:#96a7b8;align-items:center;gap:9px;margin-top:18px;font-size:12px;display:flex}.update-dialog footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}.update-dialog footer .primary{margin-left:auto}.update-release-link{color:#aebac5;font-size:12px;text-decoration:none}.update-release-link span{color:#7f91a2;font:12px IBM Plex Mono,monospace}.update-settings-entry{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:20px 24px;display:flex}.update-settings-entry p{color:#8b9daf;margin:6px 0 0;font-size:12px;line-height:1.8}@media (width<=1180px){.update-version-button{justify-content:center;padding:16px 5px}.update-version-label{gap:3px}.update-version-label strong{font-size:10px}.update-version-copy small,.update-version-action{display:none}}@media (width<=1000px){.app-shell:has(:is(.observation-page,.automation-page)) .update-version-button{justify-content:space-between;padding:10px 16px}.app-shell:has(:is(.observation-page,.automation-page)) .update-version-copy{flex-direction:row;align-items:center;gap:12px}.app-shell:has(:is(.observation-page,.automation-page)) :is(.update-version-copy small,.update-version-action){display:block}.app-shell:has(:is(.observation-page,.automation-page)) .update-tip{top:calc(100% + 8px);bottom:auto}}