*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f8;color:#17232e;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#132930;color:#b9c7cb;padding:29px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:23px;font-weight:700;letter-spacing:-1px}.brand-mark{background:#b9f17b;color:#18362a;border-radius:8px;width:32px;height:32px;text-align:center;font-size:23px}.edition{font-size:9px;letter-spacing:1.5px;margin-left:3px;color:#adc3b9}.nav-label{font-size:10px;letter-spacing:1.7px;margin:56px 14px 16px;color:#88a0a7}.nav-item{padding:12px;border-radius:6px;margin-bottom:6px;font-size:13px}.nav-item span{display:inline-block;width:24px}.nav-item.active{background:#284048;color:#d7f1bc}.side-note{margin-top:auto;font-size:12px;line-height:1.8}.side-note small{font-size:10px;color:#91a3a7}.small-dot{display:inline-block;background:#bbef84;width:6px;height:6px;border-radius:50%;margin-right:5px}main{margin-left:222px;padding:35px 36px;max-width:1900px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#687b84}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:16px 0 24px}h1{font-size:32px;letter-spacing:-1.2px;font-weight:650;margin:0 0 6px}p{margin:0;color:#6e7e85}h2{font-size:16px;letter-spacing:-.25px;margin:0 0 5px}.button{display:inline-block;border:1px solid #173d33;background:#173d33;color:#fff;border-radius:5px;padding:9px 15px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.button.secondary{background:#fff;border-color:#d7dee1;color:#283b40}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:25px}.toolbar form{display:flex;align-items:center;gap:10px}.toolbar label{color:#6e7e85;font-size:12px}select,input{border:1px solid #d7dfe3;background:#fff;border-radius:5px;padding:9px 12px;font-size:12px;color:#33484e}input{width:175px}.updated{font-size:11px;color:#76878e}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metrics article{border:1px solid #e0e6e8;background:#fff;border-radius:8px;padding:21px 19px}.metric-label{font-size:9px;font-weight:700;letter-spacing:1.15px;color:#79858b}.metrics strong{display:block;font-size:38px;line-height:1.2;letter-spacing:-1px;margin:13px 0 10px;font-weight:600}.metrics strong span{font-size:14px;letter-spacing:0;color:#8b999d;margin-left:6px}.metrics small{font-size:10px;color:#78878d}.metrics .alert-card{background:#fff6f3;border-color:#efd8cf}.alert-card strong{color:#b34f36}.review{background:#edf3e8;border:1px solid #dce6d5;border-radius:8px;padding:20px;display:flex;align-items:flex-start;gap:15px;margin-bottom:28px}.review-icon{border:1px solid #889d72;color:#566f40;border-radius:50%;min-width:24px;height:24px;text-align:center;font-weight:600}.review h2{font-size:14px;color:#384f32}.review p{font-size:12px;line-height:1.65;color:#687a5f;max-width:820px}.cost{margin-left:auto;min-width:160px;padding-left:20px;border-left:1px solid #d5dfce}.cost small{display:block;font-size:9px;color:#7b8871;letter-spacing:.5px}.cost strong{display:block;font-size:17px;margin:5px 0;color:#4b6341}.panel{background:#fff;border:1px solid #dce3e6;border-radius:8px;margin-bottom:24px;overflow:hidden}.panel-heading{padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading p{font-size:11px}.count{font-size:11px;color:#688073;background:#edf2ec;padding:3px 7px;border-radius:4px;margin-left:6px}.filters{display:flex;gap:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#7a8b92;background:#f8fafb;border-top:1px solid #edf0f2;border-bottom:1px solid #e4e9eb;padding:13px 15px;white-space:nowrap}td{padding:16px 15px;border-bottom:1px solid #edf1f2;vertical-align:top}tbody tr:last-child td{border-bottom:0}.danger-row{background:#fff7f4}.danger-row td:first-child{box-shadow:inset 3px 0 #cc765b}.badge{display:inline-block;padding:4px 7px;border-radius:4px;font-size:10px;white-space:nowrap;background:#f0f3f5;color:#6f7c87}.suspect,.state_error{background:#ffe4dc;color:#ac452f}.healthy{background:#e9f4e6;color:#467443}.unstable,.credentials,.paused{background:#fff0d8;color:#946a22}.wb_limit{background:#e8effa;color:#536e9b}.disabled{background:#eee;color:#888}.muted{display:block;color:#96a0a5;font-size:10px;margin-top:4px}.number{font-variant-numeric:tabular-nums}.bad-number{color:#be5337;font-weight:700}.time{font-size:10px;white-space:nowrap;color:#667981}.mono{display:block;font:10px/1.6 ui-monospace,Consolas,monospace;color:#829098;margin-top:4px}summary{cursor:pointer;list-style:none;min-width:125px}summary b:before{content:'›';margin-right:6px;color:#8a9b9f}details[open] summary b:before{content:'⌄'}.details{max-width:290px;font-size:10px;margin-top:12px}.details p{margin:5px 0}.panel-footer{padding:13px 22px;font-size:10px;color:#829097;border-top:1px solid #e6ecee;background:#fcfdfd}.notice{margin-bottom:18px;background:#fff0d8;color:#8a6329;padding:12px 16px;border:1px solid #ecdcbf;border-radius:5px;font-size:12px}.empty{padding:32px;text-align:center;color:#8a989e;font-size:13px}footer{font-size:10px;color:#9aa5aa;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:30px}footer span{letter-spacing:0}[hidden]{display:none!important}@media(min-width:1500px){main{padding-left:46px;padding-right:46px}}@media(max-width:1150px){.sidebar{width:180px;padding:24px 13px}.brand{font-size:19px}main{margin-left:180px;padding:28px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{align-items:flex-start;flex-direction:column}.cost{display:none}.updated{max-width:230px;text-align:right}}@media(max-width:700px){.sidebar{position:static;width:auto;height:auto;display:block;padding:15px 20px}.brand{font-size:22px}.nav-label,.nav-item,.side-note{display:none}main{margin:0;padding:23px 14px}.heading{align-items:flex-start}h1{font-size:25px}.heading p{font-size:12px}.heading .button{font-size:0;padding:8px}.heading .button:after{content:'↓ CSV';font-size:11px}.toolbar{flex-direction:column;align-items:flex-start}.updated{max-width:none;text-align:left}.metrics{gap:9px}.metrics article{padding:16px 12px}.metric-label{font-size:8px}.metrics strong{font-size:30px}.metrics small{font-size:9px}.metrics strong span{font-size:11px}.review{padding:15px}.filters{width:100%;flex-wrap:wrap}.filters input,.filters select{flex:1;min-width:130px}footer{gap:20px;font-size:8px}}
.proxy-actions{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.proxy-actions input[type=hidden]{display:none}.proxy-actions button{font-size:10px;background:#f4f7f7;border:1px solid #cfdbdb;border-radius:4px;padding:6px 8px;cursor:pointer;color:#285246}.proxy-actions small{width:100%;color:#8b979c}.probe-result{border-left:2px solid #86a776;padding-left:8px;margin-bottom:10px}.external_ok{background:#e6f3ee;color:#39745c}

.details:has(.proxy-commands){width:360px;max-width:calc(100vw - 60px)}
.proxy-commands{margin:12px 0;text-align:left;min-width:0;max-width:720px}
.command-block{padding:12px;border:1px solid #dce3e6;border-radius:6px;background:#f8fafb}
.command-primary{background:#edf5e9;border-color:#b5cea7}
.command-primary>strong{font-size:13px;color:#284f32}
.command-block textarea{display:block;width:100%;resize:vertical;min-height:64px;margin:9px 0;padding:9px;border:1px solid #c8d5cb;border-radius:4px;background:#fff;color:#17232e;font:12px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}
.command-block .button{font-size:11px;white-space:normal;text-align:left}
.command-diagnostics{margin-top:10px}
.command-diagnostics>summary{font-size:11px;color:#687b84;list-style:revert}
.command-diagnostics .command-block{margin-top:8px}
.copy-status{display:block;font-size:11px;color:#39745c;margin-top:5px}

.notice.notice-success{background:#edf7e9;border-color:#c5dfbb;color:#376b32}

.console-panel .panel-heading>div{width:100%;min-width:0}
.console-panel .proxy-commands,.proxy-detail-row .proxy-commands{width:100%;max-width:none}
.proxy-detail-row .details{width:100%;max-width:none;margin:0;font-size:12px}
.proxy-detail-row>td{padding:0 22px 22px;background:#fafcfb}
.proxy-toggle{display:block;padding:0;border:0;background:none;text-align:left;color:inherit;cursor:pointer;font:inherit;min-width:125px}
.proxy-toggle b:before{content:'›';display:inline-block;margin-right:6px;color:#8a9b9f}
.proxy-toggle[aria-expanded=true] b:before{content:'⌄'}
.proxy-toggle:focus-visible{outline:2px solid #39745c;outline-offset:4px}

.command-block .button[data-copy-command]{background:#f7f9f8;border-color:#ccd7d1;color:#52665b;font-weight:500;padding:7px 11px}
.command-block .button[data-copy-command]:hover{background:#edf1ee;border-color:#afc1b5}
.proxy-actions button[value="test"]{background:#285b46;border-color:#285b46;color:#fff;font-size:12px;font-weight:600;padding:8px 13px}
.proxy-actions button[value="test"]:hover{background:#204b39;border-color:#204b39}
.proxy-actions button:focus-visible,.command-block [data-copy-command]:focus-visible{outline:2px solid #39745c;outline-offset:3px}