:root{--bg:#0f0f10;--surface:#151515;--surface-2:#1d1d1f;--surface-3:#252528;--line:#313135;--text:#f3f3f4;--muted:#a3a3aa;--input:#111112;--accent:#8b5cf6;--accent-soft:#8b5cf624;--accent-line:#c084fc70;--accent-contrast:#fff;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--overlay:#0000009e;--radius:9px;--radius-lg:15px;--shadow:#00080c57;color:var(--text);background:var(--bg);font-family:Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{--bg:#f5f5f5;--surface:#fff;--surface-2:#f1f1f1;--surface-3:#e9e9ec;--line:#d7d7d7;--text:#1d1d1f;--muted:#66666e;--input:#fff;--accent:#7c3aed;--accent-soft:#7c3aed1a;--accent-line:#7c3aed57;--accent-contrast:#fff;--overlay:#1111137a;--shadow:#0000001a}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 11px;display:inline-flex}button:hover{background:color-mix(in srgb, var(--surface-2) 80%, var(--line))}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-line);outline-offset:2px}.primary{border-color:color-mix(in srgb, var(--accent-line) 70%, var(--accent) 30%);background:var(--accent);color:var(--accent-contrast)}.primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000 12%)}.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 35%, var(--line));background:color-mix(in srgb, var(--bad) 8%, var(--surface))}.danger:hover{background:color-mix(in srgb, var(--bad) 14%, var(--surface))}.icon-button{width:38px;height:38px;padding:0}.topbar{z-index:5;border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}.toast-stack{z-index:25;align-content:start;justify-items:end;width:min(420px,100vw - 20px);display:grid;position:fixed;top:76px;right:18px}.toast-stack-actions{z-index:40;justify-content:flex-end;width:100%;margin-bottom:10px;padding-right:4px;display:flex;position:relative}.toast-clear-button{border-color:var(--line);background:color-mix(in srgb, var(--surface) 82%, var(--surface-2) 18%);width:auto;min-height:30px;box-shadow:0 6px 18px var(--shadow);margin:0;padding:5px 12px;font-size:12px;font-weight:650}.top-feedback{border:1px solid color-mix(in srgb, var(--line) calc(100% - var(--toast-border-mix,0%)), var(--bg) var(--toast-border-mix,0%));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) calc(100% - var(--toast-surface-mix,0%)), var(--bg) var(--toast-surface-mix,0%));box-shadow:0 10px 28px var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 12px 12px;display:flex}.toast-card{transform-origin:100% 0;width:100%;margin-top:-18px;transition:transform .18s,opacity .18s;position:relative}.toast-card:first-of-type{margin-top:0}.top-feedback.success{border-color:color-mix(in srgb, var(--ok) 40%, var(--line))}.top-feedback.error{border-color:color-mix(in srgb, var(--bad) 40%, var(--line))}.top-feedback.warning{border-color:color-mix(in srgb, #f59e0b 45%, var(--line))}.top-feedback span{white-space:normal;min-width:0;color:color-mix(in srgb, var(--text) calc(100% - var(--toast-text-mix,0%)), var(--muted) var(--toast-text-mix,0%));flex:1;padding-top:2px}.top-feedback-close{border-color:color-mix(in srgb, var(--line) calc(100% - var(--toast-border-mix,0%)), var(--bg) var(--toast-border-mix,0%));flex:none;width:30px;height:30px;min-height:30px;margin-left:auto;padding:0;font-size:20px;line-height:1}.top-feedback-action{white-space:nowrap;border-color:color-mix(in srgb, var(--line) calc(100% - var(--toast-border-mix,0%)), var(--bg) var(--toast-border-mix,0%));background:color-mix(in srgb, var(--surface-2) calc(100% - var(--toast-surface-mix,0%)), var(--bg) var(--toast-surface-mix,0%));min-height:32px;color:color-mix(in srgb, var(--text) calc(100% - var(--toast-text-mix,0%)), var(--muted) var(--toast-text-mix,0%));margin-left:26px;padding:6px 10px}.brand,.top-actions{align-items:center;gap:10px;display:flex}.logo{color:var(--accent);font-size:22px;font-weight:850}.app-version{color:var(--muted);font-size:12px;font-weight:700}.pill{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:space-between;width:248px;padding:14px 10px;transition:width .18s;display:flex;position:fixed;top:60px;bottom:0;left:0}.sidebar button{background:0 0;border-color:#0000;justify-content:flex-start;width:100%;margin-bottom:6px}.sidebar button.active,.sidebar button:hover{border-color:color-mix(in srgb, var(--line) 70%, var(--accent) 30%);background:color-mix(in srgb, var(--surface) 70%, var(--accent-soft) 30%)}.sidebar button.active{border-color:var(--accent-line);background:var(--accent-soft)}.sidebar.collapsed span{display:none}.sidebar-footer{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.sidebar-bottom{gap:8px;display:grid}.sidebar-feedback{justify-content:flex-start}.sidebar-meta{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.sidebar-status.update{color:var(--accent)}.sidebar-actions{gap:6px;display:grid}.sidebar.collapsed .sidebar-actions button{justify-content:center;padding-inline:0}.content{max-width:1800px;margin-left:272px;padding:84px 34px 30px;transition:margin-left .18s}.mobile-nav{display:none}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}.section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.analytics-head{align-items:flex-end}.analytics-actions{align-items:center;gap:6px;display:flex}.analytics-actions button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.analytics-kpis article,.analytics-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.analytics-kpis article{gap:12px;min-width:0;padding:16px;display:flex}.analytics-kpis article>div{gap:3px;min-width:0;display:grid}.analytics-kpis strong{letter-spacing:-.03em;font-size:clamp(21px,2vw,28px)}.analytics-kpis span:not(.analytics-icon),.analytics-kpis small{color:var(--muted);font-size:12px}.analytics-icon{border:1px solid var(--accent-line);border-radius:var(--radius);width:38px;height:38px;color:var(--accent);background:var(--accent-soft);flex:0 0 38px;place-items:center;display:grid}.analytics-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:14px;display:grid}.analytics-panel{min-width:0;padding:17px}.analytics-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.analytics-panel-head h3{margin-bottom:4px;font-size:16px}.analytics-panel-head p{margin-bottom:0;font-size:12px}.traffic-chart-wrap{min-height:256px;margin-top:10px;padding:10px 0 28px 34px;position:relative}.traffic-chart{width:100%;height:218px;display:block;overflow:visible}.traffic-chart line{stroke:color-mix(in srgb, var(--line) 78%, transparent);stroke-width:.4px;vector-effect:non-scaling-stroke}.traffic-chart-scale{color:var(--muted);flex-direction:column;justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:9px auto 28px 0}.traffic-chart-labels{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.chart-legend{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.chart-legend i{background:var(--accent);border-radius:50%;width:8px;height:8px}.status-panel{align-content:start;display:grid}.status-breakdown{gap:14px;margin-top:24px;display:grid}.status-breakdown>div{gap:7px;display:grid}.status-breakdown>div>div:first-child{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.status-code{color:var(--text);font-weight:750}.status-2xx{color:var(--ok)}.status-3xx{color:#60a5fa}.status-4xx{color:#f59e0b}.status-5xx{color:var(--bad)}.status-bar{background:var(--surface-2);border-radius:999px;height:7px;overflow:hidden}.status-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.hosts-panel{grid-column:1/-1}.host-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0 0;padding:0;list-style:none;display:grid}.host-list li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:11px 0;display:grid}.host-list strong,.host-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.host-list strong{font-size:13px}.host-list small,.host-share,.analytics-note{color:var(--muted);font-size:11px}.host-rank{background:var(--surface-2);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.host-share{font-weight:700}.analytics-empty{color:var(--muted);font-size:13px}.analytics-note{margin:10px 0 0}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar label{align-items:center;gap:8px;display:inline-flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.stats div,.log-card,.auth-card,.quick-add,.settings-form,.proxy-group,.middleware-form,.middleware-list,.edit-modal{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:none}.stats div{padding:12px 14px}.stats b{color:var(--accent);font-size:25px;display:block}.status-dot{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.status-dot.online{color:var(--ok)}.status-dot.offline{color:var(--bad)}.status-dot.pending{color:var(--muted)}.status-dot.pending:before{background:currentColor;animation:1.35s ease-in-out infinite status-pulse}@keyframes status-pulse{50%{opacity:.35;transform:scale(.72)}}.status-dot.disabled{color:var(--muted)}input,textarea,select{border:1px solid color-mix(in srgb, var(--line) 90%, #777);border-radius:var(--radius);background:var(--input);width:100%;min-width:0;color:var(--text);padding:10px 11px}label{flex-direction:column;gap:6px;display:flex}.toolbar>label{flex-direction:row;align-items:center;gap:8px;display:inline-flex}.notice{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-2);align-items:flex-start;gap:10px;margin:0 0 14px;padding:11px 13px;display:flex}.notice.error{border-color:color-mix(in srgb, var(--bad) 40%, var(--line))}.notice.success{border-color:color-mix(in srgb, var(--ok) 40%, var(--line))}.auth-page,.loading{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{width:min(560px,100%);padding:24px}.auth-card .primary{width:100%;margin-top:14px}.discover{border:1px dashed var(--line);border-radius:var(--radius);margin:10px 0;padding:10px}.discover button{justify-content:flex-start;width:100%;margin-top:7px}.proxy-search{align-items:center;gap:12px;margin:4px 0 14px;display:flex}.proxy-search input{max-width:420px}.autocomplete-field{position:relative}.autocomplete-menu{z-index:14;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-height:220px;box-shadow:0 12px 28px var(--shadow);gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.autocomplete-item{background:0 0;border:0;justify-content:flex-start;width:100%;min-height:0;padding:7px 8px}.autocomplete-item:hover{background:var(--accent-soft)}.quick-add,.middleware-form{gap:10px 12px;margin-bottom:14px;padding:10px;display:grid}.quick-add{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 78%, var(--accent-soft) 22%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-line) 58%, transparent);grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr) minmax(200px,.9fr) minmax(150px,.7fr) minmax(190px,.9fr) minmax(170px,.7fr) auto}.quick-add input{height:40px}.quick-add .primary{white-space:nowrap;height:40px}.import-multiselect{grid-column:1/-1}.import-multiselect select{min-height:140px}.proxy-list{gap:14px;display:grid}.proxy-group{border-radius:var(--radius-lg);background-clip:padding-box;overflow:visible}.proxy-group-head{border-bottom:1px solid var(--line);background:var(--surface-2);border-left:3px solid var(--accent);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;overflow:hidden}.proxy-group:not([open]) .proxy-group-head{border-radius:calc(var(--radius-lg) - 1px);border-bottom:0}.proxy-group-head h3{margin:0;font-size:18px}.proxy-table-head,.proxy-row-main{grid-template-columns:minmax(190px,1.2fr) minmax(170px,1fr) 76px minmax(100px,.7fr) minmax(110px,.8fr) 44px;align-items:center;column-gap:10px;display:grid}.proxy-table-head{border-bottom:1px solid var(--line);color:var(--muted);padding:8px 14px;font-size:12px;font-weight:750}.proxy-table-head .table-sort{min-height:0;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:flex-start;padding:0;font-size:12px;font-weight:750}.proxy-table-head .table-sort:hover,.proxy-table-head .table-sort.active{color:var(--text);background:0 0}.proxy-row{border-bottom:1px solid var(--line)}.proxy-row:last-child{border-bottom:0}.proxy-row:last-child .proxy-row-main{border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px)}.proxy-row-main.clickable{cursor:pointer}.proxy-loading{gap:8px;margin-bottom:12px;display:grid}.proxy-row-skeleton{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(190px,1.2fr) minmax(170px,1fr) 76px minmax(100px,.7fr) minmax(110px,.8fr) 44px;gap:10px;padding:8px 14px;display:grid}.proxy-row-skeleton span{background:linear-gradient(90deg, color-mix(in srgb, var(--surface-2) 86%, var(--line) 14%) 0%, color-mix(in srgb, var(--surface-2) 72%, var(--line) 28%) 52%, color-mix(in srgb, var(--surface-2) 86%, var(--line) 14%) 100%);background-size:220% 100%;border-radius:999px;height:14px;animation:1.1s linear infinite skeleton;display:block}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-20% 0}}.proxy-host{gap:4px;font-weight:650;display:grid}.proxy-host-link{color:inherit;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.proxy-host-link:hover{color:var(--accent)}.proxy-description{color:var(--muted);font-size:12px;font-weight:500}.proxy-host,.proxy-target,.proxy-state,.proxy-local,.proxy-category,.proxy-tags{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proxy-state{text-transform:lowercase;font-weight:600}.proxy-state.enabled{color:var(--ok)}.proxy-state.disabled{color:var(--muted)}.row-actions{flex-wrap:nowrap;justify-content:flex-end;justify-self:end;gap:6px;min-width:0;display:flex;position:relative}.row-actions button{min-height:34px;padding:6px 10px}.row-menu-trigger{width:34px;min-width:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:inline-flex;padding:0!important}.row-menu-trigger:hover,.row-menu-trigger[aria-expanded=true]{border-color:var(--line);background:var(--surface-2);color:var(--text)}.row-menu{z-index:30;border:1px solid var(--line);background:var(--surface);min-width:168px;box-shadow:0 16px 38px var(--shadow);border-radius:11px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);right:0}.row-menu-item{width:100%;min-height:34px;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:flex-start;align-items:center;gap:9px;display:flex;padding:7px 9px!important}.row-menu-item:hover{background:var(--accent-soft)}.row-menu-item.danger{color:var(--bad)}.row-menu-item.danger:hover{background:var(--bad-soft)}.proxy-meta-value{color:var(--muted);font-size:12px}.middleware-form{grid-template-columns:minmax(220px,1fr) auto;align-items:end}.middleware-form .middleware-editor{grid-column:1/-1}.middleware-form .primary{white-space:nowrap}.middleware-workbench{margin-bottom:16px}.middleware-page{max-width:1500px}.middleware-page-head{margin-bottom:2px}.middleware-create-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.middleware-create-cta h3{margin:0 0 5px;font-size:16px}.middleware-create-cta p{max-width:680px;margin:0;font-size:13px;line-height:1.45}.middleware-create-cta button{flex:none}.middleware-builder{grid-template-columns:minmax(190px,.36fr) minmax(460px,1fr) minmax(290px,.5fr);gap:14px;display:grid}.middleware-builder-main,.middleware-starter-rail,.middleware-preview-card,.middleware-empty{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);min-width:0;padding:16px}.middleware-builder-main{gap:12px;display:grid}.middleware-builder-side{align-self:start}.middleware-creator-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.middleware-creator-section-head h3,.middleware-empty h3{margin:3px 0 0}.middleware-creator-section-head p,.middleware-empty p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.middleware-step{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:750;display:block}.middleware-editor-large{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.middleware-composer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.middleware-starter-list{gap:8px;margin-top:14px;display:grid}.middleware-template{text-align:left;border-color:color-mix(in srgb, var(--accent-line) 42%, var(--line));background:color-mix(in srgb, var(--surface) 78%, var(--accent-soft) 22%);grid-template-columns:16px minmax(0,1fr);place-items:center start;gap:2px 8px;width:100%;min-height:0;padding:10px;display:grid}.middleware-template svg{grid-row:1/span 2}.middleware-template span,.middleware-template small{display:block}.middleware-template small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.middleware-template.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.middleware-template-blank{border-style:dashed}.middleware-directive-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.middleware-directive-bar p{color:var(--muted);margin:4px 0 0;font-size:12px}.middleware-helper-list{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.middleware-helper-list button{min-height:0;padding:8px 10px}.middleware-helper-list button svg{vertical-align:-2px;margin-right:4px}.middleware-preview-card pre{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--input) 72%, #000 28%);min-height:280px;max-height:420px;margin:14px 0 0;padding:12px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.middleware-save-panel{gap:10px;margin-top:14px;display:grid}.middleware-save-panel p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.middleware-save-panel .primary{width:100%}.middleware-clear-draft{width:100%;color:var(--muted)}.middleware-searchbar{flex-wrap:wrap;margin-bottom:14px}.middleware-searchbar select{max-width:180px}.middleware-clear-filters{min-height:36px;padding:7px 10px;font-size:12px}.logs-clear-filters{min-height:34px;padding:6px 9px;font-size:12px}.middleware-results{flex-wrap:wrap;gap:8px;margin:-4px 0 14px;display:flex}.middleware-results span{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:650;display:inline-flex}.middleware-search-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;align-items:center;gap:8px;min-width:min(320px,100%);padding:0 12px;display:flex}.middleware-search-input input{background:0 0;border:0;padding-left:0;padding-right:0}.middleware-library{overflow:hidden}.middleware-table-head,.middleware-row{grid-template-columns:minmax(230px,1.1fr) minmax(220px,1fr) minmax(180px,.9fr) 76px;align-items:center;gap:10px;display:grid}.middleware-table-head{border-bottom:1px solid var(--line);color:var(--muted);padding:8px 14px;font-size:12px;font-weight:750}.middleware-row{border-bottom:1px solid var(--line);padding:10px 14px}.middleware-row:last-child{border-bottom:0}.middleware-row.clickable{cursor:pointer}.middleware-name,.middleware-directives,.middleware-usedby{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.middleware-name{gap:4px;display:grid}.middleware-name strong{font-size:14px}.middleware-name small{color:var(--muted);align-items:center;gap:7px;display:flex}.middleware-chip{border:1px solid var(--line);background:var(--surface-2);text-transform:lowercase;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.middleware-chip.auth{border-color:color-mix(in srgb, #f59e0b 45%, var(--line));background:color-mix(in srgb, #f59e0b 10%, var(--surface))}.middleware-chip.headers{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent-soft) 75%, var(--surface) 25%)}.middleware-chip.tls{border-color:color-mix(in srgb, #0ea5e9 45%, var(--line));background:color-mix(in srgb, #0ea5e9 10%, var(--surface))}.middleware-chip.snippet{border-color:color-mix(in srgb, var(--ok) 35%, var(--line));background:color-mix(in srgb, var(--ok) 8%, var(--surface))}.middleware-edit-modal{width:min(1040px,100%)}.middleware-edit-layout{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.middleware-dialog-actions{gap:7px;margin-top:16px;display:grid}.middleware-dialog-actions .danger{justify-content:flex-start}.middleware-preview-help{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.45}.config-mode-tabs{border-bottom:1px solid var(--line);gap:7px;margin:0;padding:0 0 14px;display:flex;overflow-x:auto}.config-mode-tabs button{flex:none;min-height:38px;padding-inline:13px}.config-mode-tabs button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.proxy-enabled-toggle{align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;display:flex}.proxy-enabled-toggle input{width:auto}.proxy-advanced-editor{gap:12px;display:grid}.proxy-advanced-editor h4{margin:0 0 5px}.proxy-advanced-editor p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.middleware-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.middleware-meta-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px}.middleware-meta-grid span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.middleware-meta-grid b{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.middleware-usage-list h4{margin:0 0 6px}.middleware-usage-list p{margin:0}.middleware-empty{text-align:center;place-items:center;min-height:180px;display:grid}.editor-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 16px 30px var(--shadow);overflow:hidden}.tls-page{gap:16px;display:grid}.tls-header{margin-bottom:0}.tls-header p:not(.eyebrow){max-width:670px}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.tls-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tls-kpis>div{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 12px 24px var(--shadow);padding:15px}.tls-kpis span,.tls-kpis small{color:var(--muted);font-size:12px;display:block}.tls-kpis strong{margin:5px 0;font-size:26px;line-height:1.1;display:block}.tls-kpis .good strong{color:var(--ok)}.tls-kpis .attention strong{color:#c98800}.tls-kpis .danger strong{color:var(--bad)}.tls-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);align-items:start;gap:16px;display:grid}.tls-side{gap:16px;display:grid}.tls-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 12px 24px var(--shadow);padding:17px}.tls-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.tls-panel-head h2{margin:0;font-size:16px}.tls-panel-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.tls-panel-head time{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:11px;display:inline-flex}.tls-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;padding-bottom:13px;display:flex}.tls-filters button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:650}.tls-filters button:hover,.tls-filters button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.tls-host-list{max-height:560px;display:grid;overflow:auto}.tls-host-row{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;grid-template-columns:9px minmax(0,1fr) auto 18px;align-items:center;gap:11px;padding:12px 3px;display:grid}.tls-host-row:last-child{border-bottom:0}.tls-host-row:hover,.tls-host-row.selected{background:color-mix(in srgb, var(--accent) 7%, transparent)}.tls-status-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 13%, transparent);border-radius:50%}.tls-host-row.expiring .tls-status-dot,.tls-host-row.untrusted .tls-status-dot{background:#d99400;box-shadow:0 0 0 3px #d9940021}.tls-host-row.failed .tls-status-dot{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 13%, transparent)}.tls-host-name{gap:3px;min-width:0;display:grid}.tls-host-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tls-host-name small,.tls-host-expiry{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tls-host-expiry{max-width:126px}.tls-badge{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 9px;font-size:12px;font-weight:750;display:inline-flex}.tls-badge.expiring,.tls-badge.untrusted{color:#b27600;background:#d9940024}.tls-badge.failed{background:color-mix(in srgb, var(--bad) 12%, transparent);color:var(--bad)}.tls-details-list{gap:11px;margin:0;display:grid}.tls-details-list div{border-top:1px solid var(--line);padding-top:10px}.tls-details-list dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.tls-details-list dd{overflow-wrap:anywhere;margin:0;font-size:13px}.tls-detail-error{color:var(--bad);grid-template-columns:auto 1fr;gap:0 9px;display:grid}.tls-detail-error strong,.tls-detail-error p{grid-column:2;margin:0}.tls-detail-error p{color:var(--muted);margin-top:4px;font-size:13px}.tls-detail-error svg{grid-row:span 2;margin-top:2px}.tls-detail-error.compact{border:1px solid color-mix(in srgb, var(--bad) 30%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--bad) 6%, transparent);margin:0 0 14px;padding:10px}.tls-settings form{gap:12px;display:grid}.tls-settings label{color:var(--text);gap:6px;font-size:12px;font-weight:750;display:grid}.tls-settings input{width:100%}.tls-help{color:var(--muted);margin:-2px 0 1px;font-size:12px;line-height:1.45}.tls-automation-state{color:var(--ok);align-items:center;gap:9px;margin-bottom:13px;font-size:13px;display:flex}.tls-automation-state .tls-status-dot{flex:none}.tls-policy-list{gap:8px;margin-top:13px;display:grid}.tls-policy{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:3px;padding:10px;display:grid}.tls-policy strong,.tls-authority-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tls-policy span,.tls-policy small,.tls-authority-row small{color:var(--muted);font-size:11px;line-height:1.35}.tls-authority-row{border-bottom:1px solid var(--line);grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;display:grid}.tls-authority-row:last-child{border-bottom:0}.tls-authority-row>span:last-child{gap:3px;min-width:0;display:grid}.tls-status-dot.failed{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 13%, transparent)}.empty-state{color:var(--muted);align-items:center;gap:8px;margin:20px 0 4px;font-size:13px;display:inline-flex}@media (width<=1000px){.tls-layout{grid-template-columns:1fr}.tls-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.tls-kpis,.tls-side{grid-template-columns:repeat(2,minmax(0,1fr))}.tls-host-row{grid-template-columns:9px minmax(0,1fr) 18px}.tls-host-expiry{display:none}}@media (width<=470px){.tls-kpis,.tls-side{grid-template-columns:1fr}.tls-panel-head{flex-direction:column}}.settings-form{gap:14px;max-width:1040px;margin-bottom:14px;padding:16px;display:grid}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.settings-subnav{gap:8px;display:grid;position:sticky;top:80px}.settings-subnav button{justify-content:flex-start}.settings-subnav button.active{border-color:var(--accent-line);background:var(--accent-soft)}.settings-panels{min-width:0}.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:12px;min-width:0;padding:16px;display:grid}.settings-card h4,.settings-danger-card h4,.proxy-edit-card h4{margin:0}.settings-card-wide{grid-column:1/-1}.settings-inline-action{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.settings-page-head p{margin:6px 0 0}.settings-overview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:900px;margin-bottom:14px;padding:14px;display:grid}.settings-overview div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:0;padding:10px}.settings-overview span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.settings-overview b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.settings-section-head p{margin:4px 0 0}.settings-toggle{flex-direction:row;align-items:center;gap:8px;display:inline-flex}.settings-toggle input{width:auto}.settings-danger{border-top:3px solid var(--bad)}.settings-danger-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-danger-card{border:1px solid color-mix(in srgb, var(--bad) 40%, var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bad) 6%, var(--surface));gap:10px;padding:16px;display:grid}.settings-collapsible summary{cursor:pointer;font-weight:650;list-style:none}.settings-collapsible summary::-webkit-details-marker{display:none}.settings-collapsible summary:before{content:"▸";margin-right:8px;display:inline-block}.settings-collapsible[open] summary:before{content:"▾"}.settings-collapsible form{gap:14px;margin-top:12px;display:grid}.settings-message{margin:0}.users-add{grid-template-columns:1fr 1fr 140px auto;gap:10px;display:grid}.users-table{gap:8px;display:grid}.users-row{grid-template-columns:1fr 160px 120px;align-items:center;gap:10px;display:grid}.modal-backdrop{z-index:20;background:var(--overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.updating-screen{z-index:60;background:color-mix(in srgb, var(--bg) 88%, #000);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.updating-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);text-align:center;justify-items:center;gap:10px;min-width:min(420px,100%);padding:20px;display:grid}.updating-card h3,.updating-card p{margin:0}.update-progress-meta{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.update-progress-meta span:first-child{color:var(--text);font-weight:800}.update-progress-track{background:var(--surface-2);width:100%;height:9px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;overflow:hidden}.update-progress-track>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .7s ease-out;display:block}.update-steps{text-align:left;gap:8px;width:100%;margin:2px 0;padding:0;list-style:none;display:grid}.update-steps li{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.update-steps li>span{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.update-steps li.active{color:var(--text);font-weight:700}.update-steps li.active>span{border-color:var(--accent);color:var(--accent)}.update-steps li.complete{color:var(--ok)}.update-steps li.complete>span{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 13%, transparent)}.updating-card small{color:var(--muted);font-size:11px;line-height:1.4}.edit-modal{border-top:3px solid var(--accent);gap:10px;width:min(980px,100%);max-height:calc(100vh - 40px);padding:16px;display:grid;overflow:auto}.proxy-edit-modal{width:min(1040px,100%)}.proxy-edit-layout{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.proxy-edit-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);align-content:start;gap:12px;width:100%;min-width:0;padding:16px;display:grid}.middleware-edit-layout .proxy-edit-card{width:100%}.modal-context{flex-wrap:wrap;gap:7px;margin-top:-2px;display:flex}.modal-context span{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:650}.modal-context .status-on{border-color:color-mix(in srgb, var(--ok) 45%, var(--line));color:var(--ok)}.modal-context .status-off{border-color:color-mix(in srgb, var(--bad) 45%, var(--line));color:var(--bad)}.proxy-edit-card>h4{margin:0 0 4px;font-size:15px}.proxy-edit-card>h4+label{margin-top:4px}.proxy-edit-card label,.proxy-edit-card .import-dropdown{max-width:760px}.proxy-advanced-editor{padding:4px 0 0}.proxy-advanced-editor .raw-proxy-editor{border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:4px;overflow:hidden}.proxy-advanced-controls{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:minmax(190px,.75fr) minmax(220px,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.proxy-advanced-controls label{min-width:0}.proxy-advanced-controls button{min-height:40px}.middleware-preview-card pre{max-width:100%;min-height:420px;max-height:52dvh}.middleware-usage-chips{flex-wrap:wrap;gap:6px;max-height:216px;margin-top:8px;padding-right:4px;display:flex;overflow:auto}.middleware-usage-chips span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:5px 7px;font-size:11px;line-height:1.25}.edit-modal>.toolbar{z-index:2;border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 -22px -22px;padding:14px 22px 18px;position:sticky;bottom:-22px}.proxy-edit-card-compact{background:0 0;border:0;padding:0}.typed-confirm-modal{width:min(560px,100%)}.update-confirm-modal{width:min(590px,100%)}.update-confirm-modal .modal-head>div{gap:3px;display:grid}.update-confirm-modal .modal-head .eyebrow{margin:0}.update-confirm-modal>p{color:var(--muted);margin:4px 0 2px;line-height:1.55}.update-confirm-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:12px 0 4px;display:grid;overflow:hidden}.update-confirm-summary>div{background:var(--surface-2);min-width:0;padding:12px 13px}.update-confirm-summary dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800}.update-confirm-summary dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:700;overflow:hidden}.update-confirm-actions{justify-content:flex-end;gap:8px;padding-top:12px;display:flex}@media (width<=520px){.update-confirm-summary{grid-template-columns:1fr}.update-confirm-actions{grid-template-columns:1fr;display:grid}.update-confirm-actions .primary{grid-row:1}}.modal-head{justify-content:space-between;align-items:center;display:flex}.expand-toggle{justify-content:flex-start;width:fit-content}.raw-proxy-editor{grid-column:1/-1}.confirm-layer{z-index:30;position:fixed;inset:0}.confirm-popover{border:1px solid var(--line);border-top:3px solid var(--bad);border-radius:var(--radius-lg);background:var(--surface);width:min(320px,100vw - 24px);box-shadow:0 16px 42px var(--shadow);padding:14px;position:fixed}.confirm-popover h3{margin:0 0 6px;font-size:18px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-private-warning{border:1px solid color-mix(in srgb, var(--warn) 45%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--warn) 8%, var(--surface-2));padding:12px}.ai-private-warning small{color:var(--muted);margin-top:7px;display:block}.ai-assistant-trigger{z-index:42;border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 38px #00000059}.ai-assistant-panel{z-index:41;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;width:min(460px,100vw - 32px);height:min(720px,100dvh - 120px);display:flex;position:fixed;bottom:84px;right:22px;overflow:hidden;box-shadow:0 22px 70px #00000073}.ai-assistant-head,.ai-conversation-toolbar,.ai-composer{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:8px;padding:11px 12px;display:flex}.ai-assistant-head{justify-content:space-between}.ai-assistant-head>div{min-width:0}.ai-assistant-head span{align-items:center;gap:7px;font-weight:700;display:flex}.ai-assistant-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.ai-assistant-setup,.ai-welcome{text-align:center;align-content:center;place-items:center;min-height:260px;padding:24px;display:grid}.ai-assistant-setup h3,.ai-assistant-setup p,.ai-welcome h3,.ai-welcome p{margin:8px 0 0}.ai-assistant-setup p,.ai-welcome p{color:var(--muted)}.ai-conversation-toolbar label{flex-direction:row;flex:1;align-items:center;min-width:0}.ai-conversation-toolbar select{background:0 0;border:0}.ai-message-list{flex:1;min-height:0;padding:14px;overflow-y:auto}.ai-message{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.ai-message.user{align-items:flex-end}.ai-message-content,.ai-thinking{background:var(--surface-2);white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:88%;padding:10px 12px}.ai-message.user .ai-message-content{background:color-mix(in srgb, var(--accent) 22%, var(--surface-2))}.ai-action-card{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));border-radius:var(--radius);background:var(--surface-2);width:100%;padding:11px}.ai-action-card.danger{border-color:color-mix(in srgb, var(--bad) 55%, var(--line))}.ai-action-card pre{border-radius:var(--radius);background:var(--input);max-height:180px;margin:8px 0;padding:9px;font-size:12px;overflow:auto}.ai-action-card small{color:var(--muted)}.ai-composer{border-top:1px solid var(--line);border-bottom:0;align-items:flex-end}.ai-composer textarea{resize:vertical;min-height:74px;max-height:160px}.ai-composer .primary{flex:0 0 42px;width:42px;height:42px;padding:0}.ai-assistant-panel{border-color:color-mix(in srgb, var(--line) 82%, var(--accent));background:color-mix(in srgb, var(--surface) 94%, var(--input));border-radius:20px}.ai-assistant-head{background:linear-gradient(115deg, var(--surface-2), color-mix(in srgb, var(--surface-2) 84%, var(--accent-soft)));min-height:70px;padding:13px 14px}.ai-assistant-identity{align-items:center;gap:11px;min-width:0;display:flex}.ai-assistant-identity>div{min-width:0}.ai-pixel-mark{border:1px solid color-mix(in srgb, var(--accent) 44%, var(--line));background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface));width:19px;height:19px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 65%, transparent);border-radius:5px;flex:none;grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);gap:2px;padding:2px;display:grid}.ai-pixel-mark i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent);display:block}.ai-pixel-mark i:nth-child(2),.ai-pixel-mark i:nth-child(4),.ai-pixel-mark i:nth-child(6),.ai-pixel-mark i:nth-child(8){opacity:.45}.ai-pixel-mark i:nth-child(5){background:var(--good)}.ai-conversation-toolbar{background:color-mix(in srgb, var(--surface-2) 74%, var(--surface));min-height:48px;padding:7px 12px}.ai-conversation-toolbar label{border:1px solid var(--line);background:var(--input);min-height:32px;color:var(--muted);border-radius:8px;gap:6px;padding:0 9px;display:flex}.ai-conversation-toolbar label>span{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.ai-conversation-toolbar select{min-width:0;color:var(--text);flex:1;font-weight:600}.ai-thread-title{display:none}.ai-message-list{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, var(--surface-2)), var(--surface));padding:17px 14px 14px}.ai-message{gap:5px;margin-bottom:16px}.ai-message-role{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 4px;font-size:10px;font-weight:750}.ai-message.user .ai-message-role{color:color-mix(in srgb, var(--accent) 78%, var(--text))}.ai-message-content{border:1px solid color-mix(in srgb, var(--line) 84%, transparent);border-radius:5px 14px 14px;line-height:1.5}.ai-message.user .ai-message-content{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 16%, var(--surface-2));border-radius:14px 5px 14px 14px}.ai-action-card{box-shadow:0 8px 24px color-mix(in srgb, var(--shadow) 54%, transparent);border-radius:12px}.ai-welcome{min-height:100%;padding:28px 26px}.ai-welcome-mark{border-radius:10px;grid-template-rows:repeat(3,12px);grid-template-columns:repeat(3,12px);gap:3px;width:48px;height:48px;padding:4px}.ai-welcome-mark i{width:12px;height:12px}.ai-welcome p{max-width:29ch;line-height:1.5}.ai-welcome-example{border:1px solid var(--line);color:var(--muted);border-radius:7px;margin-top:14px;padding:8px 10px;font-size:12px}.ai-thinking{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--line));background:color-mix(in srgb, var(--accent-soft) 58%, var(--surface-2));border-radius:10px;align-items:center;gap:10px;min-width:min(288px,88%);max-width:88%;display:flex;position:relative;overflow:hidden}.ai-thinking>div{gap:2px;min-width:0;display:grid}.ai-thinking strong{font-size:13px}.ai-thinking small{color:var(--muted);font-size:11px}.ai-thinking-pixels{border-radius:7px;grid-template-rows:repeat(3,7px);grid-template-columns:repeat(3,7px);gap:2px;width:29px;height:29px;padding:3px}.ai-thinking-pixels i{width:7px;height:7px}.ai-thinking-scan{transform-origin:0;background:var(--accent);opacity:.75;height:2px;position:absolute;bottom:0;left:11px;right:11px}.ai-composer{background:var(--surface-2);padding:10px 12px 12px}.ai-composer textarea{border-color:color-mix(in srgb, var(--line) 88%, var(--accent));background:var(--input)}@media (prefers-reduced-motion:reduce){.ai-pixel-mark i{transition:none}}@media (width<=720px){.ai-assistant-trigger{right:14px;bottom:calc(82px + env(safe-area-inset-bottom))}.ai-assistant-panel{inset:8px 8px calc(72px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);width:auto;height:auto}.ai-assistant-head{min-height:64px}.ai-conversation-toolbar label,.ai-thinking{min-width:0}}@media (width<=1250px){.quick-add{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media (width<=1100px){.content{padding-left:20px;padding-right:20px}.proxy-table-head,.proxy-row-main,.proxy-row-skeleton{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 72px minmax(0,.7fr) minmax(0,.8fr) 44px}.users-add{grid-template-columns:1fr 1fr}.settings-overview,.analytics-kpis,.host-list{grid-template-columns:repeat(2,minmax(0,1fr))}.proxy-edit-layout,.middleware-builder,.middleware-edit-layout,.settings-card-grid,.settings-danger-actions{grid-template-columns:1fr}.middleware-directive-bar{flex-direction:column;align-items:flex-start}.middleware-helper-list,.middleware-composer-actions{justify-content:flex-start}}@media (width<=900px){.sidebar,.pill{display:none}.topbar{height:56px;padding:0 10px}.toast-stack{width:calc(100vw - 14px);top:62px;right:7px}.toast-stack-actions{padding-right:0}.top-feedback-action{margin-left:0}.top-actions{gap:6px}.top-actions button{min-height:32px;padding:6px 8px;font-size:12px}.brand .icon-button,.app-version{display:none}.content,.content.wide{margin-left:0;padding:68px 10px 84px}.section-head{flex-direction:column;align-items:flex-start}.analytics-head{align-items:flex-start}.analytics-grid{grid-template-columns:1fr}.hosts-panel{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr)}.proxy-table-head{display:none}.proxy-search{flex-direction:column;align-items:stretch}.proxy-search input{max-width:none}.quick-add,.middleware-form,.middleware-builder,.middleware-edit-layout,.middleware-row,.proxy-row-main,.edit-modal,.users-row,.users-add,.settings-overview,.settings-layout{grid-template-columns:1fr}.proxy-row-main,.middleware-row{gap:6px;padding:10px 12px}.middleware-table-head{display:none}.middleware-name,.middleware-directives,.middleware-usedby{white-space:normal;text-overflow:clip;overflow:visible}.middleware-row>[data-label]:not(.row-actions){grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;display:grid}.middleware-row>[data-label]:not(.row-actions):before{content:attr(data-label);color:var(--muted);white-space:nowrap;font-size:12px;font-weight:650}.middleware-searchbar{align-items:stretch}.middleware-search-input{min-width:0}.middleware-searchbar select{max-width:none}.middleware-create-cta{flex-direction:column;align-items:flex-start}.middleware-create-cta button{width:100%}.middleware-meta-grid{grid-template-columns:1fr}.middleware-preview-card pre{max-height:220px}.middleware-results{gap:6px}.middleware-results span{flex:120px;justify-content:center}.edit-modal{width:100%;min-height:calc(100vh - 24px);max-height:none;margin:auto 0}.modal-backdrop{place-items:start stretch;padding:12px}.proxy-host,.proxy-target,.proxy-state,.proxy-local,.proxy-category,.proxy-tags{white-space:normal;text-overflow:clip;overflow:visible}.proxy-row-main>[data-label]:not(.row-actions){grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;display:grid}.proxy-description{grid-column:2}.proxy-row-main>[data-label]:not(.row-actions):before{content:attr(data-label);color:var(--muted);white-space:nowrap;font-size:12px;font-weight:650}.proxy-local .status-dot{justify-self:start}.row-actions{border-top:0;justify-content:flex-end;justify-self:end;width:auto;min-width:0;margin-top:2px;padding-top:0;overflow:visible}.row-actions button{white-space:nowrap;flex:none}.row-menu{top:auto;bottom:calc(100% + 5px);right:0}.settings-subnav{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.settings-inline-action{grid-template-columns:1fr}.mobile-nav{z-index:40;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{background:0 0;border-color:#0000;flex-direction:column;gap:4px;min-height:56px;padding:6px 4px;font-size:11px}.mobile-nav button.active{border-color:var(--accent-line);background:var(--accent-soft)}}.monaco-editor textarea,.monaco-editor input,.monaco-editor select{width:auto;min-width:0;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:0}.editor-wrap .monaco-editor,.raw-proxy-editor .monaco-editor,.middleware-editor .monaco-editor,.editor-wrap .monaco-editor .overflow-guard,.raw-proxy-editor .monaco-editor .overflow-guard,.middleware-editor .monaco-editor .overflow-guard{border-radius:0}.import-dropdown{grid-column:1/-1;position:relative}.import-dropdown-trigger{justify-content:flex-start;width:100%}.import-dropdown-menu{z-index:12;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-height:220px;box-shadow:0 12px 28px var(--shadow);gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.import-option{border-radius:var(--radius);grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.import-option:hover{background:var(--accent-soft)}.import-option input{width:16px;height:16px}.import-option small{color:var(--muted);font-size:12px}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% -10%, color-mix(in srgb, var(--accent) 9%, transparent) 0, transparent 35rem), var(--bg);font-size:14px;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(color-mix(in srgb, var(--text) 18%, transparent) .55px, transparent .55px);background-size:6px 6px;position:fixed;inset:0}button,input,textarea,select{transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .12s}button{font-weight:650}button:not(:disabled):active{transform:translateY(1px)scale(.985)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:2px}input,textarea,select{border-color:var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 3%, transparent)}input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb, var(--line) 58%, var(--accent) 42%)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}h1,h2,h3{color:var(--text);letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}.mono,pre,code{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,Consolas,monospace}.skip-link{z-index:100;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);padding:8px 12px;position:fixed;top:8px;left:50%;transform:translate(-50%,-160%)}.skip-link:focus{transform:translate(-50%)}.topbar{border-bottom-color:color-mix(in srgb, var(--line) 76%, transparent);background:color-mix(in srgb, var(--surface) 84%, transparent);height:68px;box-shadow:0 8px 30px color-mix(in srgb, var(--shadow) 52%, transparent);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);padding:0 22px}.brand{gap:11px}.brand-mark{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:relative;transform:rotate(-3deg)}.brand-mark i{background:var(--accent);border-radius:3px;width:11px;height:3px;position:absolute}.brand-mark i:first-child{transform:translateY(-5px)}.brand-mark i:last-child{transform:translateY(5px)}.logo{color:var(--text);letter-spacing:-.045em;font-size:19px;font-weight:780}.logo span{color:var(--accent)}.app-version{border:1px solid var(--line);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 7px;font-size:10px}.top-actions{gap:8px}.top-actions button{background:color-mix(in srgb, var(--surface-2) 78%, transparent);min-height:38px}.top-actions .icon-button{border-radius:50%}.pill{border-color:var(--line);background:var(--surface-2);border-radius:999px;min-height:38px;font-size:12px}.mobile-actions-toggle,.mobile-actions-backdrop{display:none}.sidebar{border-right-color:color-mix(in srgb, var(--line) 75%, transparent);background:color-mix(in srgb, var(--surface) 91%, var(--bg));width:260px;padding:18px 12px 14px;top:68px}.sidebar.collapsed{width:78px}.sidebar button{min-height:43px;color:var(--muted);border-radius:11px;margin-bottom:4px;padding:9px 11px}.sidebar button svg{stroke-width:1.8px;flex:none}.sidebar button.active{background:var(--accent-soft);color:var(--text);box-shadow:none;border-color:#0000}.sidebar button.active svg{color:var(--accent)}.sidebar button:hover{color:var(--text);transform:translate(2px)}.sidebar-footer{border-top-color:var(--line)}.sidebar-meta{font-variant-numeric:tabular-nums;font-size:10px}.sidebar-status.current{color:var(--ok)}.content{width:auto;max-width:1700px;margin-left:284px;padding:98px clamp(22px,3vw,50px) 48px}.content.wide{margin-left:104px}.section-head{margin-bottom:22px}.section-head h1,.section-head h2{margin-bottom:5px;font-size:clamp(25px,2.4vw,36px);line-height:1.08}.section-head p{max-width:66ch;margin-bottom:0;font-size:14px}.toolbar{gap:9px}.toolbar>label{color:var(--muted);font-size:12px}.stats{gap:12px;margin-bottom:18px}.stats div{border-color:color-mix(in srgb, var(--line) 82%, transparent);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface-2) 52%, var(--surface)));box-shadow:0 13px 34px color-mix(in srgb, var(--shadow) 40%, transparent);padding:17px 18px;position:relative;overflow:hidden}.stats div:after{content:"";border:1px solid var(--accent-line);opacity:.25;border-radius:50%;width:78px;height:78px;position:absolute;inset:auto -18px -26px auto}.stats b{color:var(--text);font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.stats span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.quick-add,.middleware-form,.settings-form,.proxy-group,.middleware-list,.log-card,.tls-panel,.settings-card,.edit-modal{border-color:color-mix(in srgb, var(--line) 86%, transparent);box-shadow:0 16px 40px color-mix(in srgb, var(--shadow) 42%, transparent)}.quick-add{border-color:var(--accent-line);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 88%, var(--accent) 12%), var(--surface));grid-template-columns:repeat(12,minmax(0,1fr));padding:14px}.quick-add-host,.quick-add-upstream,.quick-add-description,.quick-add-category{grid-column:span 3}.quick-add-tags{grid-column:span 5}.quick-add-log{grid-column:span 4}.quick-add-submit{grid-column:span 3}.quick-add-log-path{grid-column:1/span 6}.quick-add .import-dropdown{grid-column:1/-1}.proxy-search{margin:7px 0 16px}.proxy-search-field{align-items:center;width:min(680px,100%);display:flex;position:relative}.proxy-search-field>svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;left:13px}.proxy-search-field input{width:100%;max-width:none;min-height:43px;padding-left:40px;padding-right:42px}.proxy-search-clear{background:0 0;border:0;width:31px;min-height:31px;padding:0;position:absolute;right:6px}.proxy-search span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.quick-add-head{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.quick-add-head>div{gap:2px;display:grid}.quick-add-head strong{font-size:15px}.quick-add-head span{color:var(--muted);font-size:12px}.proxy-empty-state{border:1px dashed var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 70%, transparent);text-align:center;align-content:center;place-items:center;gap:14px;min-height:260px;padding:32px;display:grid}.proxy-empty-state h3{margin:0 0 5px;font-size:18px}.proxy-empty-state p{max-width:48ch;margin:0}.proxy-empty-visual{width:72px;height:58px;position:relative}.proxy-empty-visual span{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:6px;width:54px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.proxy-empty-visual span:first-child{top:0}.proxy-empty-visual span:nth-child(2){width:64px;top:20px}.proxy-empty-visual span:nth-child(3){width:44px;top:40px}.proxy-empty-visual span:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:7px}.proxy-group{border-radius:var(--radius-lg);background:var(--surface)}.proxy-group-head{background:linear-gradient(90deg, var(--surface-2), var(--surface));border-left:0;min-height:50px;padding:12px 16px}.proxy-group-head::marker{color:var(--accent)}.proxy-group-head h3{font-size:16px}.proxy-group-head span{color:var(--muted);font-size:11px}.proxy-row-main{min-height:50px;padding:10px 16px}.proxy-row-main:hover,.middleware-row:hover{background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}.status-dot{font-size:12px}.status-dot:before{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 12%, transparent)}.row-actions button{min-height:32px}.notice{background:color-mix(in srgb, var(--surface-2) 82%, transparent);border-radius:12px;padding:13px 15px}.empty-state{border:1px dashed var(--line);background:color-mix(in srgb, var(--surface-2) 45%, transparent);border-radius:12px;justify-content:center;width:100%;min-height:88px;padding:20px}.settings-subnav{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 14px 34px color-mix(in srgb, var(--shadow) 35%, transparent);padding:8px;top:88px}.settings-subnav button{min-height:40px;color:var(--muted);background:0 0;border:0}.settings-overview{border-radius:var(--radius-lg);max-width:none;padding:12px}.settings-card{padding:20px}.settings-section-head{grid-column:1/-1}.settings-section-head h3{margin-bottom:3px;font-size:20px}.tls-kpis>div,.tls-panel{border-color:color-mix(in srgb, var(--line) 86%, transparent);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface-2) 48%, var(--surface)))}.tls-kpis strong{font-variant-numeric:tabular-nums}.log-card pre{background:var(--input);line-height:1.65}.editor-wrap{border-color:var(--line);box-shadow:0 16px 40px color-mix(in srgb, var(--shadow) 45%, transparent)}.modal-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.edit-modal{border-top:0;border-radius:18px;padding:22px}.auth-page{background:radial-gradient(circle at 50% 20%, var(--accent-soft), transparent 35rem)}.auth-card{border:1px solid var(--line);box-shadow:0 24px 80px var(--shadow);border-radius:20px}.auth-card h1{font-size:34px}.ai-assistant-trigger{border:1px solid color-mix(in srgb, var(--accent) 70%, white);background:var(--accent);color:var(--accent-contrast);box-shadow:0 14px 44px color-mix(in srgb, var(--accent) 30%, var(--shadow))}.ai-assistant-panel{box-shadow:0 26px 90px var(--shadow);border-radius:18px}@media (width<=1100px) and (width>=901px){.sidebar{width:220px}.content{margin-left:238px}.quick-add-host,.quick-add-upstream{grid-column:span 6}.quick-add-description,.quick-add-category,.quick-add-tags{grid-column:span 4}.quick-add-log,.quick-add-submit{grid-column:span 6}.quick-add-log-path,.quick-add .import-dropdown{grid-column:1/-1}}@media (width<=900px){body{background:var(--bg)}.topbar{height:62px;padding:0 12px}.brand{min-width:0}.brand-mark{width:23px;height:23px}.logo{font-size:18px}.desktop-actions,.sidebar{display:none}.mobile-actions-toggle{background:var(--surface-2);border-radius:50%;display:inline-flex}.mobile-actions-backdrop{z-index:70;background:var(--overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.mobile-actions-sheet{border:1px solid var(--line);background:var(--surface);width:100%;box-shadow:0 24px 70px var(--shadow);border-radius:20px;padding:16px;animation:.18s ease-out sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}}.mobile-actions-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mobile-actions-head>div{display:grid}.mobile-actions-head .eyebrow{margin:0}.mobile-action-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.mobile-action-grid button,.mobile-action-row{justify-content:flex-start;width:100%;min-height:48px;margin-bottom:8px;padding:11px 13px}.content,.content.wide{width:100%;padding:82px 14px calc(88px + env(safe-area-inset-bottom));margin:0}.section-head{gap:14px;margin-bottom:18px}.section-head h1,.section-head h2{font-size:28px}.section-head .toolbar{width:100%}.section-head .toolbar>*{flex:auto}.section-head .toolbar label{align-items:stretch}.section-head .toolbar select{min-height:42px}.stats{gap:8px}.stats div{min-height:106px;padding:14px}.stats b{font-size:27px}.quick-add{grid-template-columns:1fr;gap:9px;padding:12px}.quick-add>*,.quick-add .primary,.quick-add .import-dropdown{grid-column:1/-1;width:100%}.quick-add input,.quick-add select,.quick-add .primary{min-height:46px}.proxy-search{grid-template-columns:1fr auto;display:grid}.proxy-search-field{grid-column:1/-1;width:100%}.quick-add-head{grid-column:1/-1}.proxy-row-main,.middleware-row{border-radius:11px;padding:13px}.proxy-row{border-bottom:1px solid var(--line);padding:5px}.proxy-row-main>[data-label]:not(.row-actions),.middleware-row>[data-label]:not(.row-actions){grid-template-columns:76px minmax(0,1fr)}.row-actions{scrollbar-width:none}.row-actions::-webkit-scrollbar{display:none}.settings-layout{grid-template-columns:1fr;gap:12px}.settings-page-head h2{margin-bottom:5px;font-size:28px;line-height:1.08}.settings-subnav{z-index:4;scrollbar-width:none;border-radius:12px;padding:7px;display:flex;position:sticky;top:62px;overflow-x:auto}.settings-subnav::-webkit-scrollbar{display:none}.settings-subnav button{white-space:nowrap;flex:none}.settings-card{padding:15px}.settings-form{box-shadow:none;background:0 0;border:0;padding:0}.tls-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tls-kpis>div{padding:13px}.tls-layout,.tls-side{grid-template-columns:1fr}.tls-panel{padding:15px}.edit-modal{border-radius:18px 18px 0 0;width:100%;min-height:0;max-height:calc(100dvh - 16px);padding:16px}.proxy-advanced-controls{grid-template-columns:1fr}.proxy-advanced-controls button{width:100%}.modal-backdrop{align-items:end;padding:8px 8px 0}.toast-stack{top:70px}.ai-assistant-trigger{right:14px;bottom:calc(77px + env(safe-area-inset-bottom));width:48px;height:48px}.mobile-nav{padding:6px 5px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.mobile-nav button{border:0;border-radius:10px;min-width:0;min-height:55px;padding:5px 1px;font-size:9px}.mobile-nav button svg{stroke-width:1.8px;width:18px;height:18px}.mobile-nav button.active{background:var(--accent-soft);color:var(--accent);border:0}}@media (width<=520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-overview{grid-template-columns:1fr 1fr}.users-add,.users-row,.settings-danger-actions{grid-template-columns:1fr}.toolbar{width:100%}.toolbar button{flex:auto}.top-feedback{padding:10px}.update-steps{grid-template-columns:1fr 1fr}.updating-card{width:100%;max-height:calc(100dvh - 24px);overflow:auto}}@media (width<=370px){.mobile-nav button span{display:none}.mobile-nav button{min-height:48px}.content,.content.wide{padding-bottom:calc(74px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.runtime-page{gap:16px;display:grid}.runtime-head{margin-bottom:0}.runtime-head p:not(.eyebrow){max-width:720px}.runtime-head h1{letter-spacing:-.025em;margin-bottom:7px;font-size:clamp(28px,3vw,40px)}.runtime-head-actions{flex-wrap:wrap;gap:8px;display:flex}.runtime-head-actions button.active,.upstream-toolbar button.active{border-color:color-mix(in srgb, var(--ok) 45%, var(--line));background:color-mix(in srgb, var(--ok) 10%, var(--surface));color:var(--text)}.runtime-command-bar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.runtime-connection{align-items:center;gap:11px;min-width:0;display:flex}.runtime-connection>div{gap:3px;display:grid}.runtime-connection small{color:var(--muted);font-size:12px}.runtime-command-actions{flex-wrap:wrap;gap:8px;display:flex}.runtime-tabs{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);scrollbar-width:none;gap:7px;padding:5px;display:flex;overflow-x:auto}.runtime-tabs::-webkit-scrollbar{display:none}.runtime-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-color:#0000;flex:none}.runtime-tabs button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.runtime-loading{min-height:260px;color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid}.runtime-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.runtime-metric{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 12px 25px var(--shadow);padding:16px}.runtime-metric>span,.runtime-metric>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.runtime-metric>strong{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 4px;font-size:27px;line-height:1.08;display:block;overflow:hidden}.runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.runtime-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 12px 25px var(--shadow);padding:17px}.runtime-panel-head{margin-bottom:14px}.runtime-panel-head h2{margin:0;font-size:16px}.runtime-panel-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.runtime-dot{background:var(--muted);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--muted) 12%, transparent);border-radius:50%;flex:none}.runtime-dot.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 13%, transparent)}.feature-list{gap:0;display:grid}.feature-list>div{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:10px 2px;display:flex}.feature-list>div:last-child{border-bottom:0}.feature-list>div>span:last-child{gap:3px;min-width:0;display:grid}.feature-list strong,.feature-list small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.feature-list small{color:var(--muted)}.module-cloud{flex-wrap:wrap;gap:7px;display:flex}.module-cloud button{min-height:31px;padding:5px 9px;font-size:12px}.runtime-details{gap:0;margin:0 0 14px;display:grid}.runtime-details>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;padding:9px 0;display:grid}.runtime-details dt{color:var(--muted);font-size:12px}.runtime-details dd{overflow-wrap:anywhere;text-align:right;margin:0;font-size:12px}.runtime-actions{flex-wrap:wrap;gap:8px;display:flex}.runtime-danger-zone{border-top:1px solid color-mix(in srgb, var(--bad) 30%, var(--line));margin-top:15px;padding-top:12px}.runtime-danger-zone summary{color:var(--bad);cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.runtime-danger-zone p{margin:9px 0;font-size:12px;line-height:1.45}.server-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.http-app-summary{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.http-app-summary h2{margin:0;font-size:16px}.http-app-summary p:last-child{color:var(--muted);margin:5px 0 0;font-size:12px}.http-app-actions{flex:none;align-items:center;gap:8px;display:flex}.runtime-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:inline-flex}.runtime-badge.on{border-color:color-mix(in srgb, var(--ok) 35%, var(--line));color:var(--ok)}.server-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:0 12px 25px var(--shadow);padding:17px;overflow:hidden}.server-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.server-card-head>div{align-items:center;gap:10px;min-width:0;display:flex}.server-card-head h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;overflow:hidden}.server-listen{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:10px 0;font:12px/1.4 Cascadia Code,Consolas,monospace;overflow:hidden}.protocol-list{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.protocol-list span{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--text);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:750}.server-card .runtime-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.server-card .runtime-details>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:9px;display:block}.server-card .runtime-details dd{text-align:left;margin-top:4px}.tls-runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.observability-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.observability-grid .runtime-panel:first-child{grid-column:1/-1}.runtime-kpis.inline .runtime-metric{box-shadow:none;background:var(--surface-2)}.runtime-kpis.inline .runtime-metric strong{font-size:21px}.raw-metrics{border-top:1px solid var(--line);margin-top:14px}.raw-metrics summary{color:var(--muted);cursor:pointer;padding:12px 0 0;font-size:12px}.raw-metrics pre{border-radius:var(--radius);background:var(--input);white-space:pre;max-height:360px;padding:12px;font-size:11px;overflow:auto}.upstream-table{display:grid}.upstream-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.upstream-toolbar button{min-height:31px;padding:5px 8px;font-size:11px}.upstream-table>div{border-bottom:1px solid var(--line);grid-template-columns:9px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 2px;font-size:11px;display:grid}.upstream-table strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upstream-table span:not(.runtime-dot){color:var(--muted);white-space:nowrap}.json-workbench{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:660px;box-shadow:0 15px 34px var(--shadow);grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);display:grid;overflow:hidden}.json-tree-panel{border-right:1px solid var(--line);background:var(--surface-2);min-width:0;padding:15px;overflow:hidden}.json-tree-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.json-tree-head h2{margin:0;font-size:15px}.json-tree-head small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.json-tree-head>span{color:var(--muted);font-size:10px}.json-tree-panel>input{width:100%;margin-bottom:10px}.json-tree{height:565px;padding:3px 0;overflow:auto}.tree-node button{width:100%;min-height:29px;padding:4px 7px 4px calc(7px + var(--tree-depth) * 13px);text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;gap:5px}.tree-node button:hover,.tree-node button.selected{background:var(--accent-soft)}.tree-node button>span:not(.tree-leaf){text-overflow:ellipsis;white-space:nowrap;min-width:55px;font-size:12px;overflow:hidden}.tree-node button small{max-width:45%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:10px;overflow:hidden}.tree-leaf{flex:none;width:14px}.json-editor-panel{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:16px;display:grid}.json-editor-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.json-editor-head h2{text-overflow:ellipsis;white-space:nowrap;max-width:min(700px,52vw);margin:0;font-size:13px;overflow:hidden}.json-editor-head>div:last-child{gap:7px;display:flex}.json-path-control{flex:1;min-width:220px}.json-path-control label{border:1px solid var(--line);border-radius:var(--radius);background:var(--input);align-items:center;min-width:0;margin-right:12px;display:flex}.json-path-control label span{color:var(--muted);padding-left:9px;font:11px Cascadia Code,Consolas,monospace}.json-path-control input{background:0 0;border:0;flex:1;min-width:0;font:11px Cascadia Code,Consolas,monospace}.json-path-control label button{min-height:30px;margin:3px;padding:4px 8px}.json-editor-wrap{border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.json-editor-tools{align-items:center;gap:7px;margin-bottom:8px;display:flex}.json-editor-tools button{min-height:30px;padding:5px 8px;font-size:11px}.json-editor-tools span{color:var(--muted);margin-left:auto;font-size:11px}.json-help{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.45}.server-editor{width:min(760px,100vw - 24px)}.server-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:min(60vh,570px);padding:2px;display:grid;overflow-y:auto}.server-editor-grid>label{gap:6px;font-size:12px;font-weight:700;display:grid}.server-editor-grid>label small{color:var(--accent);text-transform:uppercase;font-size:9px}.server-editor-grid .wide{grid-column:1/-1}.server-editor-grid fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:10px}.server-editor-grid legend{color:var(--muted);padding:0 5px;font-size:11px}.protocol-checks{flex-wrap:wrap;gap:13px;display:flex}.protocol-checks label,.toggle-line{align-items:center;gap:7px;display:flex!important}.protocol-checks input,.toggle-line input{width:auto}.server-editor>.toolbar{margin-top:16px}.authority-list{display:grid}.authority-list>div{border-bottom:1px solid var(--line);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.authority-list>div>span:nth-child(2){gap:3px;min-width:0;display:grid}.authority-list strong,.authority-list small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.authority-list small{color:var(--muted);font-size:10px}.authority-list button{min-height:30px;padding:5px 8px;font-size:11px}@media (width<=1050px){.runtime-grid,.tls-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-grid>:last-child:nth-child(odd){grid-column:1/-1}.json-workbench{grid-template-columns:250px minmax(0,1fr)}}@media (width<=760px){.runtime-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-grid,.tls-runtime-grid,.observability-grid,.server-cards{grid-template-columns:1fr}.runtime-grid>:last-child:nth-child(odd),.observability-grid .runtime-panel:first-child{grid-column:auto}.json-workbench{box-shadow:none;background:0 0;border:0;display:block;overflow:visible}.json-tree-panel{border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px}.json-tree{height:280px}.json-editor-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.json-editor-head{display:grid}.json-editor-head h2{max-width:calc(100vw - 58px)}.json-editor-head>div:last-child{width:100%}.json-editor-head button{flex:1}.server-editor-grid{grid-template-columns:1fr}.server-editor-grid .wide{grid-column:auto}.upstream-table>div{grid-template-columns:9px minmax(0,1fr) auto}.upstream-table>div span:last-child{display:none}.http-app-summary{flex-direction:column;align-items:flex-start}.http-app-actions{flex-wrap:wrap;width:100%}.runtime-command-bar{flex-direction:column;align-items:flex-start}.runtime-command-actions{width:100%}.runtime-command-actions button{flex:1}}@media (width<=430px){.runtime-kpis{grid-template-columns:1fr 1fr;gap:8px}.runtime-metric{padding:12px}.runtime-metric>strong{font-size:21px}.runtime-tabs button{padding:8px}.runtime-tabs button svg{display:none}.runtime-head-actions{width:100%}.runtime-head-actions button{flex:1}.upstream-toolbar{flex-direction:column;align-items:flex-start}}:root[data-accent=cyan]{--accent:#0891b2;--accent-soft:#0891b21f;--accent-line:#0891b266}:root[data-accent=emerald]{--accent:#059669;--accent-soft:#0596691f;--accent-line:#05966966}:root[data-accent=amber]{--accent:#d97706;--accent-soft:#d977061f;--accent-line:#d9770666}:root[data-accent=rose]{--accent:#e11d48;--accent-soft:#e11d481f;--accent-line:#e11d4866}.settings-page{width:min(1240px,100%)}.settings-page-head{margin-bottom:18px}.settings-page-head h1{letter-spacing:-.025em;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05}.settings-page-head>p:last-child{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.5}.settings-overview{border:1px solid var(--line);background:var(--line);box-shadow:0 12px 30px color-mix(in srgb, var(--shadow) 32%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:20px;padding:0;overflow:hidden}.settings-overview>div{background:var(--surface);border:0;border-radius:0;min-height:72px;padding:13px 15px}.settings-overview>div:nth-child(3){grid-column:span 2}.settings-overview span{color:var(--muted);letter-spacing:.065em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:750}.settings-overview b{font-size:13px;font-weight:700}.settings-overview>div:nth-child(3) b{font-family:Cascadia Code,Consolas,monospace;font-size:11px}.settings-layout{grid-template-columns:218px minmax(0,1fr);gap:24px}.settings-subnav{gap:3px;padding:7px;top:86px;overflow:hidden}.settings-subnav:before{content:"SETTINGS";color:var(--muted);letter-spacing:.12em;padding:7px 10px 9px;font-size:9px;font-weight:850}.settings-subnav button{border-radius:9px;justify-content:flex-start;gap:10px;min-height:42px;padding:9px 11px;font-size:12px;font-weight:650;position:relative}.settings-subnav button svg{color:var(--muted);stroke-width:1.8px;flex:none}.settings-subnav button:hover{color:var(--text);transform:none}.settings-subnav button.active{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--text);box-shadow:none}.settings-subnav button.active svg{color:var(--accent)}.settings-panels{min-width:0;padding-bottom:76px}.settings-panels>.notice{margin-bottom:13px}.settings-form{width:100%;max-width:none;margin:0}.settings-form.settings-card-grid{box-shadow:none;background:0 0;border:0;padding:0}.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-section-head{border-bottom:1px solid var(--line);min-height:58px;padding:0 0 15px 16px;position:relative}.settings-section-head:before{content:"";background:var(--accent);border-radius:99px;width:3px;position:absolute;top:3px;bottom:17px;left:0}.settings-section-head h3{letter-spacing:-.012em;margin:0;font-size:21px;line-height:1.2}.settings-section-head p{max-width:720px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.settings-card{border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 28px color-mix(in srgb, var(--shadow) 28%, transparent);align-content:start;gap:15px;padding:19px}.settings-card h4{border-bottom:1px solid var(--line);padding-bottom:11px;font-size:14px}.settings-card label,.settings-form:not(.settings-card-grid)>label,.users-create-form label,.user-scope-grid label{min-width:0;color:var(--text);gap:7px;font-size:11px;font-weight:750;display:grid}.settings-card input,.settings-card select,.settings-card textarea,.settings-form:not(.settings-card-grid)>input,.settings-form:not(.settings-card-grid)>select,.settings-form:not(.settings-card-grid)>textarea{width:100%;min-width:0}.settings-card textarea{resize:vertical;line-height:1.55}.settings-inline-action{grid-template-columns:minmax(0,1fr) auto;gap:8px}.settings-inline-action button{min-width:92px}.settings-toggle,.check-row{align-items:flex-start;gap:9px;line-height:1.4;font-size:12px!important;font-weight:600!important;display:flex!important}.settings-toggle input,.check-row input{height:16px;accent-color:var(--accent);flex:none;margin-top:1px;width:16px!important}.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-grid.two label{gap:7px;display:grid}.settings-form-actions{grid-column:1/-1;justify-content:flex-end;padding-top:2px;display:flex}.settings-form-actions .primary{min-width:180px}.settings-help{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.mcp-created-key{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);gap:8px;margin-top:14px;padding:12px;display:grid}.mcp-created-key code{overflow-wrap:anywhere;color:var(--text);font-size:12px}.mcp-key-list{gap:8px;display:grid}.mcp-key-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.mcp-key-row:last-child{border-bottom:0}.mcp-key-row strong,.mcp-key-row small{display:block}.mcp-key-row small{color:var(--muted);margin-top:3px;font-size:11px}.ai-private-warning{gap:2px;padding:13px 14px;display:grid}.ai-private-warning small{margin:0 0 0 25px;line-height:1.45}.settings-form:not(.settings-card-grid){border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);max-width:760px;box-shadow:0 14px 34px color-mix(in srgb, var(--shadow) 34%, transparent);align-content:start;padding:20px}.settings-form:not(.settings-card-grid) .settings-section-head{margin-bottom:2px}.settings-form:not(.settings-card-grid) .settings-form-actions{border-top:1px solid var(--line);padding-top:10px}.theme-mode-control{border:1px solid var(--line);background:var(--input);border-radius:11px;grid-template-columns:1fr 1fr;gap:7px;padding:5px;display:grid}.theme-mode-control button{color:var(--muted);background:0 0;border-color:#0000}.theme-mode-control button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text);box-shadow:0 4px 12px var(--shadow)}.accent-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.accent-color-option{border-color:var(--line);background:var(--surface-2);min-width:0;min-height:66px;color:var(--muted);flex-direction:column;gap:7px;padding:9px 5px;font-size:10px}.accent-color-option.active{border-color:var(--swatch-color,var(--accent));background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-line)}.accent-swatch{border:3px solid color-mix(in srgb, var(--swatch-color) 25%, var(--surface));background:var(--swatch-color);width:22px;height:22px;box-shadow:0 0 0 1px var(--swatch-color);border-radius:50%}.users-section{max-width:none!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.users-create-card,.users-list-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 12px 28px color-mix(in srgb, var(--shadow) 28%, transparent);overflow:hidden}.users-accordion-toggle{text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;width:100%;min-height:68px;padding:13px 16px}.users-accordion-toggle:hover{background:var(--surface-2)}.users-accordion-title{align-items:center;gap:11px;min-width:0;display:flex}.users-accordion-title>svg{color:var(--accent);flex:none}.users-accordion-title>span{gap:3px;min-width:0;display:grid}.users-accordion-title b{font-size:13px}.users-accordion-title small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.users-accordion-caret{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.users-accordion-panel{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 45%, var(--surface));padding:16px}.users-create-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;gap:12px;display:grid}.users-create-form input,.users-create-form select,.users-create-form textarea,.user-scope-grid textarea{width:100%}.users-field-wide{grid-column:1/-1}.users-scope-details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.users-scope-details summary{cursor:pointer;color:var(--muted);padding:11px 13px;font-size:11px;font-weight:750}.users-scope-details[open] summary{border-bottom:1px solid var(--line);color:var(--text)}.user-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;display:grid}.users-create-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.users-create-actions .primary{min-width:130px}.users-list-tools{justify-content:flex-end;gap:7px;margin-bottom:10px;display:flex}.users-list-tools button{min-height:31px;padding:5px 8px;font-size:10px}.users-list{gap:8px;display:grid}.users-empty{color:var(--muted);text-align:center;margin:0;padding:18px}.user-item{border:1px solid var(--line);background:var(--surface);border-radius:11px;overflow:hidden}.user-item.expanded{border-color:var(--accent-line)}.user-item-head{grid-template-columns:minmax(0,1fr) 122px;align-items:center;gap:10px;padding:8px;display:grid}.user-item-toggle{text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(120px,.7fr) minmax(0,1fr);justify-content:stretch;align-items:center;gap:9px;min-width:0;display:grid}.user-item-toggle:hover{background:var(--surface-2)}.user-row-caret{color:var(--muted)}.user-item-title{align-items:center;gap:7px;min-width:0;display:flex}.user-item-title h5{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.user-item-toggle>small{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.user-self-badge{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800}.user-role-field{color:var(--muted);text-transform:uppercase;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:9px;font-weight:800;display:grid}.user-role-field select{text-transform:none;min-width:0;height:32px;padding:4px 7px;font-size:11px}.user-item>.user-scope-grid{border-top:1px solid var(--line);background:var(--surface-2);padding:14px 16px}.user-item-actions{background:var(--surface-2);justify-content:flex-end;gap:7px;padding:0 16px 14px;display:flex}.user-item-actions button{min-height:32px;font-size:11px}.settings-danger{border:1px solid color-mix(in srgb, var(--bad) 40%, var(--line))!important;border-top:3px solid var(--bad)!important;background:color-mix(in srgb, var(--bad) 3%, var(--surface))!important;max-width:none!important}.settings-danger .settings-section-head:before{background:var(--bad)}.settings-danger-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-danger-card{align-content:start;min-height:178px;padding:17px}.settings-danger-card p{min-height:44px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.settings-danger-card button{align-self:end;width:fit-content}.settings-source-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.settings-source-card>div{gap:7px;display:grid}.settings-source-card .eyebrow{margin:0}.settings-source-card h4{border:0;margin:0;padding:0;font-size:19px}.settings-source-card p{max-width:680px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.settings-source-link{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);min-height:40px;color:var(--text);flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.settings-source-link:hover{border-color:var(--accent);color:var(--accent)}.settings-source-link:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:2px}@media (width<=1050px){.settings-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-overview>div:nth-child(3){grid-column:span 2}.settings-card-grid{grid-template-columns:1fr}.settings-card-wide,.settings-section-head,.settings-form-actions{grid-column:auto}}@media (width<=900px){.settings-page{width:100%}.settings-layout{grid-template-columns:1fr;gap:13px}.settings-subnav{z-index:4;scrollbar-width:none;border-radius:12px;gap:3px;padding:6px;display:flex;position:sticky;top:62px;overflow-x:auto}.settings-subnav:before{display:none}.settings-subnav button{white-space:nowrap;flex:none;min-height:38px}.settings-subnav button.active{border:1px solid var(--accent-line);box-shadow:none}.settings-card-grid{grid-template-columns:1fr}.users-create-form{grid-template-columns:1fr 1fr}.users-create-form>label:nth-of-type(3){grid-column:1/-1}}@media (width<=620px){.settings-page-head h1{font-size:30px}.settings-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-overview>div:nth-child(3){grid-column:1/-1}.settings-overview>div{min-height:66px;padding:11px 12px}.settings-subnav button{padding:8px 10px}.settings-subnav button svg{width:15px;height:15px}.settings-form:not(.settings-card-grid),.settings-card{padding:15px}.settings-section-head{min-height:0;padding-bottom:13px}.settings-inline-action,.settings-grid.two,.users-create-form,.user-scope-grid,.settings-danger-actions{grid-template-columns:1fr}.users-create-form>label:nth-of-type(3),.users-field-wide{grid-column:auto}.accent-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form-actions,.users-create-actions{justify-content:stretch}.settings-form-actions button,.users-create-actions button{width:100%}.user-item-head{grid-template-columns:1fr}.user-item-toggle{grid-template-columns:18px minmax(0,1fr)}.user-item-toggle>small{text-align:left;grid-column:2}.user-role-field{grid-template-columns:48px minmax(0,1fr);padding:0 9px 8px 36px}.user-item>.user-scope-grid{grid-template-columns:1fr}.user-item-actions{grid-template-columns:1fr 1fr;display:grid}.settings-source-card{flex-direction:column;align-items:stretch}.settings-source-link{width:100%}}@media (width<=390px){.settings-subnav button span{display:none}.settings-subnav button{justify-content:center;min-width:42px;min-height:42px;padding:8px}.accent-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=340px){.settings-overview{grid-template-columns:1fr}.settings-overview>div:nth-child(3){grid-column:auto}}.log-card{margin-bottom:14px;padding:0;overflow:hidden}.log-card h3{border-bottom:1px solid var(--line);background:var(--surface-2);margin:0;padding:11px 14px}.log-card pre{max-height:520px;margin:0;padding:14px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;overflow:auto}.logs-toolbar{margin-bottom:14px}.event-log-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:start;gap:16px;display:grid}.event-table-card,.event-detail-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.event-table-head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:start;gap:16px;padding:14px 16px;display:flex}.event-table-head h3,.event-message-panel h4{margin:0}.event-table-head p,.event-message-panel p{margin:4px 0 0}.event-log-tools{flex:0 0 320px;max-width:100%}.event-log-search{min-width:220px}.event-table-wrap{overflow:auto}.event-col-time{width:18%}.event-col-user{width:17%}.event-col-action{width:18%}.event-col-target{width:19%}.event-col-status{width:11%}.event-col-message{width:17%}.event-table{border-collapse:collapse;table-layout:fixed;width:100%}.event-table th,.event-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.event-table th{z-index:1;background:var(--surface);color:var(--muted);font-size:12px;font-weight:750;position:sticky;top:0}.event-table tbody tr{cursor:pointer;transition:background .15s}.event-table tbody tr:hover{background:var(--accent-soft)}.event-table tbody tr.selected{background:color-mix(in srgb, var(--accent-soft) 75%, var(--surface) 25%);box-shadow:inset 3px 0 0 var(--accent)}.event-detail-card{position:sticky;top:84px}.event-actor-cell,.event-action-cell,.event-target-cell{gap:4px;display:grid}.event-actor-cell small,.event-target-cell small,.event-kind{color:var(--muted);font-size:12px}.event-kind{text-transform:uppercase;letter-spacing:.04em}.event-status{border:1px solid var(--line);background:var(--surface-2);text-transform:lowercase;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.event-status.success{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--line))}.event-status.warning{color:#f59e0b;border-color:color-mix(in srgb, #f59e0b 35%, var(--line))}.event-status.error{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 35%, var(--line))}.event-message-cell{min-width:260px;max-width:520px;color:var(--text);-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event-target-cell strong{text-overflow:ellipsis;overflow:hidden}.event-detail-id{word-break:break-all;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5}.event-empty-table{margin:14px}.event-detail-body{gap:16px;padding:16px;display:grid}.event-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.event-detail-grid div,.event-message-panel,.event-empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:12px}.event-detail-grid span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.event-detail-grid b{text-overflow:ellipsis;display:block;overflow:hidden}.event-message-panel pre{border-radius:var(--radius);background:color-mix(in srgb, var(--input) 72%, #000 28%);max-height:320px;margin:10px 0 0;padding:12px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;overflow:auto}.event-empty-state{color:var(--muted);margin:16px}.logs-section-head{align-items:flex-end}.logs-refresh-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.logs-refresh-controls label{min-width:130px;color:var(--muted);font-size:12px}.logs-refresh-controls small{color:var(--muted);white-space:nowrap;align-self:center}.log-diagnostics{gap:12px;display:grid}.log-metrics{grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px;margin-bottom:12px;display:grid}.log-metric{border-color:var(--line);background:var(--surface);flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:68px;display:flex}.log-metric b{font-size:23px;line-height:1}.log-metric span{color:var(--muted);font-size:12px}.log-metric.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.log-metric.error b{color:var(--bad)}.log-metric.warning b{color:var(--warn)}.log-metric.info b{color:var(--ok)}.logs-filterbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logs-filterbar .logs-search-field{flex:2 240px}.logs-filterbar select{flex:125px;width:auto;min-width:115px}.logs-filterbar button{flex:none}.logs-search-field,.event-log-search{border:1px solid color-mix(in srgb, var(--line) 90%, #777);border-radius:var(--radius);background:var(--input);flex-direction:row;align-items:center;gap:8px;min-width:0;padding-left:10px;display:flex}.logs-search-field input,.event-log-search input{background:0 0;border:0;padding-left:0}.logs-search-field:focus-within,.event-log-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.active-filter{border-color:var(--accent);color:var(--accent)}.diagnostic-log-list{gap:7px;display:grid}.diagnostic-log-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);border-left-width:3px;overflow:hidden}.diagnostic-log-row.error{border-left-color:var(--bad)}.diagnostic-log-row.warning{border-left-color:var(--warn)}.diagnostic-log-row.info{border-left-color:var(--ok)}.diagnostic-log-summary{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:92px 170px minmax(120px,.55fr) minmax(220px,1.7fr);align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 12px;display:grid}.diagnostic-log-summary:hover{background:var(--surface-2)}.diagnostic-log-summary time,.diagnostic-log-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagnostic-log-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagnostic-log-details{border-top:1px solid var(--line);background:var(--surface-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.diagnostic-log-details pre{border-radius:var(--radius);background:color-mix(in srgb, var(--input) 72%, #000 28%);white-space:pre-wrap;word-break:break-word;max-height:300px;margin:6px 0 0;padding:10px;overflow:auto}.log-source-error{border-color:color-mix(in srgb, var(--bad) 55%, var(--line))}.event-status{align-items:center;gap:5px;display:inline-flex}.event-status.info,.event-status.unknown{background:var(--surface-2);color:var(--muted)}.failure-details{border-color:color-mix(in srgb, var(--bad) 55%, var(--line));background:color-mix(in srgb, var(--bad) 9%, var(--surface-2))}.failure-details h4{color:var(--bad);align-items:center;gap:7px;display:flex}.event-table tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.page-tabs.logs-tabs{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:6px;margin:0 0 16px;padding:5px;display:inline-flex}.page-tabs.logs-tabs button{background:0 0;border-color:#0000;min-height:36px}.page-tabs.logs-tabs button.active-tab{border-color:var(--accent-line);background:var(--accent-soft)}@media (width<=1100px){.event-log-layout{grid-template-columns:1fr}.event-detail-card{position:static}.diagnostic-log-summary{grid-template-columns:92px 150px minmax(100px,.45fr) minmax(180px,1.4fr)}}@media (width<=900px){.logs-section-head{align-items:stretch}.logs-refresh-controls{justify-content:stretch}.logs-refresh-controls label{flex:150px}.logs-refresh-controls button,.logs-filterbar button,.logs-filterbar select,.event-log-tools select{min-height:44px}.logs-filterbar{align-items:stretch}.logs-filterbar .logs-search-field,.logs-filterbar select,.logs-filterbar button{flex:100%}.log-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-log-summary{grid-template-columns:88px minmax(0,1fr);gap:7px}.diagnostic-log-summary time,.diagnostic-log-summary small{display:none}.diagnostic-log-details{grid-template-columns:1fr}.event-table-head{flex-direction:column;align-items:stretch}.event-log-tools{flex-basis:auto;grid-template-columns:1fr;width:100%;display:grid}.event-log-search{min-width:0}.event-table th:nth-child(4),.event-table th:nth-child(6),.event-table td:nth-child(4),.event-table td:nth-child(6){display:none}.event-message-cell{min-width:0}.page-tabs.logs-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media (width<=520px){.logs-refresh-controls{grid-template-columns:1fr 1fr;display:grid}.logs-refresh-controls label,.logs-refresh-controls button,.logs-refresh-controls small{grid-column:1/-1}.log-metric{min-height:62px}.event-detail-grid{grid-template-columns:1fr}}
