:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#22242a;--sidebar:#1b1d22;--surface:#292c33;--surface-raised:#2e3139;--surface-soft:#25272d;--border:#3a3d46;--border-soft:#33363e;--text:#eef1f4;--text-secondary:#b7bdc7;--muted:#8f97a4;--accent:#90b7aa;--accent-strong:#a2c8bb;--accent-soft:#90b7aa21;--blue:#849cbc;--blue-soft:#849cbc21;--cyan:#7fadb1;--cyan-soft:#7fadb121;--violet:#a397bd;--violet-soft:#a397bd21;--amber:#c4a171;--amber-soft:#c4a17121;--rose:#bc8794;--rose-soft:#bc879421;--warning:#cda56f;--warning-soft:#cda56f21;--danger:#c97b7d;--danger-soft:#c97b7d21;--shadow:0 14px 36px #07080a29;--radius:14px;--radius-small:9px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{color:var(--text);background:#90b7aa40}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid #2f3239;flex-direction:column;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0}.sidebar-brand,.login-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-size:17px;font-weight:680;display:flex}.sidebar-brand{padding:0 8px 28px}.primary-nav{flex-direction:column;flex:1;gap:5px;display:flex}.nav-link{color:#9fa6b2;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 12px;font-size:13.5px;font-weight:550;transition:color .14s,background-color .14s,border-color .14s;display:flex}.nav-link>svg{color:var(--nav-tone,var(--muted));opacity:.78;transition:opacity .14s}.nav-link:first-child{--nav-tone:var(--blue)}.nav-link:nth-child(2){--nav-tone:var(--violet)}.nav-link:nth-child(3){--nav-tone:var(--cyan)}.nav-link:nth-child(4){--nav-tone:var(--amber)}.nav-link:nth-child(5){--nav-tone:var(--rose)}.nav-link:nth-child(6){--nav-tone:var(--accent)}.nav-link:hover{color:var(--text-secondary);background:#24262c}.nav-link:hover>svg,.nav-link-active>svg{opacity:1}.nav-link-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa1f}.sidebar-foot{border-top:1px solid #2d3037;gap:10px;padding-top:16px;display:grid}.sidebar-connection{color:var(--muted);align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex}.sidebar-connection i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #90b7aa17}.sidebar-logout{border:0}.workspace{min-width:0}.workspace-header{z-index:10;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#22242af5;justify-content:space-between;align-items:center;min-height:92px;padding:18px clamp(24px,4vw,52px);display:flex;position:sticky;top:0}.workspace-header h1,.login-heading h1{color:var(--text);letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(22px,2.4vw,27px);font-weight:650;line-height:1.2}.page-eyebrow,.section-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.page-content{width:min(1180px,100%);margin:0 auto;padding:32px clamp(24px,4vw,52px) 56px}.page-stack{gap:20px;display:grid}.panel-card,.metric-card,.service-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #ffffff03}[data-tone]{--tone:var(--blue);--tone-soft:var(--blue-soft);--tone-border:#849cbc57}[data-tone=green],[data-tone=tls],[data-tone=anytls]{--tone:var(--accent);--tone-soft:var(--accent-soft);--tone-border:#90b7aa57}[data-tone=cyan],[data-tone=hysteria2],[data-tone=hysteria2-hop],[data-tone=vless-ws]{--tone:var(--cyan);--tone-soft:var(--cyan-soft);--tone-border:#7fadb157}[data-tone=violet],[data-tone=reality],[data-tone=vless-tls]{--tone:var(--violet);--tone-soft:var(--violet-soft);--tone-border:#a397bd57}[data-tone=amber],[data-tone=gateway],[data-tone=naive-http]{--tone:var(--amber);--tone-soft:var(--amber-soft);--tone-border:#c4a17157}[data-tone=rose],[data-tone=web]{--tone:var(--rose);--tone-soft:var(--rose-soft);--tone-border:#bc879457}[data-tone=blue],[data-tone=core],[data-tone=naive]{--tone:var(--blue);--tone-soft:var(--blue-soft);--tone-border:#849cbc57}.panel-card{padding:22px}.card-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.card-header h2,.check-panel h2,.service-title h2,.confirm-dialog h2{color:var(--text);letter-spacing:-.02em;margin:2px 0 0;font-size:16px;font-weight:630}.header-note{color:var(--muted);font-size:12px}.text-link{color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--accent-strong)}.button,.icon-button{border-radius:var(--radius-small);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:620;transition:background-color .13s,border-color .13s,color .13s,transform .13s,opacity .13s;display:inline-flex}.button{gap:8px;min-height:40px;padding:0 15px;font-size:12.5px}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48}.button-primary{background:var(--accent);color:#1d2825;border-color:#9abdb2}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{border-color:var(--border);background:var(--surface-raised);color:var(--text-secondary)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){color:var(--text);background:#343740;border-color:#4b4f5a}.button-ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.button-danger{border-color:var(--danger);background:var(--danger);color:#2f1819}.icon-button{border-color:var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--text-secondary)}.icon-button:hover:not(:disabled){color:var(--text);border-color:#4b4f5a}.icon-button-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:#c97b7d73}.refresh-button{gap:8px;width:auto;padding:0 12px;font-size:12px}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:5px 9px;font-size:10.5px;font-weight:650;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-positive{background:var(--accent-soft);color:var(--accent-strong);border-color:#90b7aa33}.status-negative{background:var(--danger-soft);color:#d98b8e;border-color:#c97b7d33}.health-banner{border-radius:var(--radius);border:1px solid;align-items:center;gap:15px;min-height:84px;padding:17px 20px;display:flex}.health-good{background:#90b7aa13;border-color:#90b7aa30}.health-warning{background:#cda56f13;border-color:#cda56f3d}.health-warning .health-icon{background:var(--warning-soft);color:var(--warning)}.health-icon{background:var(--surface);width:42px;height:42px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.health-banner>div:nth-child(2){flex:1;gap:1px;display:grid}.health-banner strong{font-size:14px;font-weight:630}.health-banner span:not(.status-pill,.status-dot){color:var(--muted);font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{flex-direction:column;min-height:150px;padding:18px;display:flex}.metric-card[data-tone],.service-card[data-tone],.protocol-card[data-tone],.link-card[data-tone]{border-top-color:var(--tone-border);box-shadow:inset 0 2px 0 var(--tone-soft), 0 1px 0 #ffffff03}.metric-card-top{align-items:center;gap:9px;display:flex}.metric-icon,.summary-icon,.service-icon,.route-summary-icon,.check-icon,.empty-icon{background:var(--blue-soft);color:var(--blue);border-radius:9px;flex:none;place-items:center;display:grid}.metric-icon{width:32px;height:32px}.metric-card[data-tone] .metric-icon,.service-card[data-tone] .service-icon,.service-summary-row[data-tone] .summary-icon{background:var(--tone-soft);color:var(--tone)}.metric-label,.metric-detail{color:var(--muted);font-size:11px}.metric-value{color:var(--text);letter-spacing:-.035em;margin-top:auto;padding-top:14px;font-size:24px;font-weight:620}.progress-track{background:#3a3d45;border-radius:99px;width:100%;height:4px;margin:9px 0 7px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.metric-card[data-tone] .progress-track>span{background:var(--tone)}.overview-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.service-summary-list,.activity-compact-list,.activity-list{display:grid}.service-summary-row,.activity-compact-row{border-top:1px solid var(--border-soft);align-items:center;gap:12px;min-height:58px;display:flex}.service-summary-row:first-child,.activity-compact-row:first-child{border-top:0}.summary-icon{width:32px;height:32px}.service-summary-row>div,.activity-compact-row>div{flex:1;display:grid}.service-summary-row strong,.activity-compact-row strong{color:var(--text-secondary);font-size:12.5px;font-weight:590}.service-summary-row>div span,.activity-compact-row>div span{color:var(--muted);font-size:10.5px}.activity-marker{border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.activity-success{background:var(--accent-soft);color:var(--accent)}.activity-failed{background:var(--danger-soft);color:var(--danger)}.activity-warning{background:var(--warning-soft);color:var(--warning)}.compact-empty{min-height:190px;color:var(--muted);place-items:center;font-size:12px;display:grid}.listener-summary{justify-content:space-between;align-items:center;display:flex}.listener-summary>div{align-items:center;gap:12px;display:flex}.listener-summary .summary-icon{background:var(--cyan-soft);width:38px;height:38px;color:var(--cyan)}.listener-summary>div>div{display:grid}.listener-summary strong{font-size:13px}.listener-summary>span{color:var(--muted);font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.service-card{padding:20px}.service-card[data-tone] .service-title span{color:var(--tone)}.service-card header{justify-content:space-between;align-items:flex-start;display:flex}.service-icon{width:40px;height:40px}.service-title{margin:18px 0}.service-title h2{font-size:18px}.service-title span{color:var(--muted);font-size:11px}.service-details{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin:0;padding:15px 0;display:grid}.service-details div{gap:2px;display:grid}.service-details dt{color:var(--muted);font-size:10px}.service-details dd{color:var(--text-secondary);text-transform:capitalize;margin:0;font-size:12px;font-weight:560}.service-actions{gap:8px;margin-top:16px;display:flex}.service-actions .button{flex:1}.table-scroll{margin:0 -6px -5px;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th,.data-table td{border-top:1px solid var(--border-soft);text-align:left;padding:13px 12px}.data-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:0;padding-top:4px;font-size:9.5px;font-weight:680}.data-table td{color:var(--text-secondary);font-size:11.5px}.data-table td strong{color:var(--text);font-weight:590}.code-label,.scope-badge{background:var(--surface-raised);color:var(--text-secondary);border-radius:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:inline-flex}.mono-value{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px}.scope-public{background:var(--blue-soft);color:#9db2cf}.scope-local{background:var(--accent-soft);color:var(--accent)}.data-table tbody tr:nth-child(5n+1) .code-label{background:var(--blue-soft);color:var(--blue)}.data-table tbody tr:nth-child(5n+2) .code-label{background:var(--violet-soft);color:var(--violet)}.data-table tbody tr:nth-child(5n+3) .code-label{background:var(--cyan-soft);color:var(--cyan)}.data-table tbody tr:nth-child(5n+4) .code-label{background:var(--amber-soft);color:var(--amber)}.data-table tbody tr:nth-child(5n+5) .code-label{background:var(--rose-soft);color:var(--rose)}.route-summary{justify-content:space-between;align-items:center;gap:28px;display:flex}.route-summary-main{align-items:center;gap:13px;min-width:220px;display:flex}.route-summary-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent)}.route-summary-main>div{display:grid}.route-summary-main strong{max-width:430px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:570;overflow:hidden}.route-summary dl{gap:clamp(22px,4vw,48px);margin:0;display:flex}.route-summary dl div{gap:2px;display:grid}.route-summary dt{color:var(--muted);text-transform:uppercase;font-size:9.5px}.route-summary dd{color:var(--text-secondary);margin:0;font-size:11px;font-weight:580}.route-summary dl div:first-child dd{color:var(--cyan)}.route-summary dl div:nth-child(2) dd{color:var(--amber)}.route-summary dl div:nth-child(3) dd{color:var(--violet)}.form-section{padding:24px}.form-grid{gap:16px;display:grid}.endpoint-grid{grid-template-columns:minmax(240px,1fr) 150px}.field-group{min-width:0;color:var(--text-secondary);align-content:start;gap:7px;font-size:11px;font-weight:580;display:grid}.field-group>span:first-child{min-height:16px}.field-group i{color:var(--muted);margin-left:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-style:normal;font-weight:500}.field-group input,.field-group select{border:1px solid var(--border);background:var(--surface-soft);width:100%;height:43px;color:var(--text);border-radius:8px;outline:0;font-size:12.5px;font-weight:480;transition:border-color .13s,box-shadow .13s,background-color .13s}.field-group input{padding:0 12px}.field-group select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 34px 0 12px}.field-group input:hover,.field-group select:hover{border-color:#4a4e58}.field-group input:focus,.field-group select:focus{background-color:#272a30;border-color:#90b7aaa6;box-shadow:0 0 0 3px #90b7aa14}.field-group input::placeholder{color:#6f7681}.input-with-icon{display:block;position:relative}.input-with-icon>svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:39px}.field-error{color:var(--danger);font-size:10px;font-weight:500}.check-panel p{color:var(--muted);margin:-8px 0 17px;font-size:11px}.sticky-form-actions{z-index:8;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#282b32f2;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:14px;display:flex;position:sticky;bottom:16px}.sticky-form-actions>div{align-items:center;gap:9px;display:flex}.sticky-form-actions>div:first-child{color:var(--muted);font-size:11px}.sticky-form-actions>div:first-child svg{color:var(--accent)}.check-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.check-panel-copy{align-items:center;gap:14px;display:flex}.check-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent)}.check-panel p{margin:4px 0 0}.validation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.validation-card{border:1px solid;border-radius:10px;align-items:center;gap:10px;min-height:78px;padding:14px;display:flex}.validation-card>div{min-width:0;display:grid}.validation-card strong{color:var(--text-secondary);font-size:11.5px}.validation-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.validation-card small{color:var(--muted);margin-left:auto;font-size:9px}.validation-valid{color:var(--accent);background:#90b7aa0e;border-color:#90b7aa29}.validation-invalid{color:var(--danger);background:#c97b7d0e;border-color:#c97b7d33}.activity-row{border-top:1px solid var(--border-soft);align-items:center;gap:13px;min-height:66px;display:flex}.activity-row:first-child{border-top:0}.activity-row-copy{flex:1;display:grid}.activity-row-copy strong{color:var(--text-secondary);font-size:12.5px;font-weight:590}.activity-row-copy span{color:var(--muted);font-size:10.5px}.activity-row time{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.empty-state{min-height:190px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:5px;display:grid}.empty-icon{width:38px;height:38px;margin-bottom:5px}.empty-state strong{color:var(--text-secondary);font-size:12.5px}.empty-state>span:last-child{font-size:10.5px}.login-page{background:var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border-soft);background:var(--surface);width:min(390px,100%);box-shadow:var(--shadow);border-radius:16px;padding:30px}.login-brand{margin-bottom:42px}.login-heading{margin-bottom:23px}.login-heading h1{max-width:300px;font-size:22px}.login-form{gap:15px;display:grid}.login-form .field-group>span:first-child{color:var(--muted);font-size:10px}.login-form input{background:var(--surface-soft);height:47px}.login-submit{width:100%;min-height:45px;margin-top:3px}.login-submit svg:last-child{margin-left:auto}.form-alert{background:var(--danger-soft);color:#d89294;border:1px solid #c97b7d33;border-radius:7px;padding:9px 11px;font-size:11px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b0dad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;width:min(420px,100%);padding:24px;box-shadow:0 24px 70px #00000061}.confirm-dialog h2{font-size:17px}.confirm-dialog p{color:var(--muted);margin:9px 0 24px;font-size:12px;line-height:1.6}.dialog-alert{background:var(--danger-soft);color:#d89294;border:1px solid #c97b7d33;border-radius:7px;margin:-10px 0 18px;padding:9px 11px;font-size:11px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.toast-stack{z-index:200;gap:9px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:22px;right:22px}.toast{border:1px solid var(--border);min-height:50px;box-shadow:var(--shadow);color:var(--text-secondary);background:#30333a;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 11px 10px 13px;font-size:11.5px;display:grid}.toast-success>svg{color:var(--accent)}.toast-error>svg{color:var(--danger)}.toast-info>svg{color:var(--blue)}.toast button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.toast button:hover{background:var(--surface-raised);color:var(--text)}.standalone-message{min-height:100vh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.standalone-message strong{color:var(--text);font-size:18px}.standalone-message a{color:var(--accent);font-size:12px}.protocol-intro,.links-toolbar,.links-toolbar>div:first-child{align-items:center;display:flex}.protocol-intro{gap:14px;padding:20px 22px}.protocol-intro .route-summary-icon{background:var(--cyan-soft);color:var(--cyan)}.links-toolbar .route-summary-icon{background:var(--violet-soft);color:var(--violet)}.route-page .route-summary-icon{background:var(--amber-soft);color:var(--amber)}.protocol-intro h2,.links-toolbar h2{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:650}.protocol-intro p,.links-toolbar p{color:var(--muted);margin:0;font-size:11px}.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.protocol-card{gap:20px;padding:20px;display:grid}.protocol-card>header,.link-card>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.protocol-card h2,.link-card h2{color:var(--text);margin:4px 0 0;font-size:14px;font-weight:650}.protocol-card[data-tone] .section-kicker,.link-card[data-tone] .section-kicker{color:var(--tone)}.port-mode{border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.port-mode-random{background:var(--accent-soft);color:var(--accent)}.port-mode-fixed{background:var(--surface-raised);color:var(--muted)}.protocol-port{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:9px;justify-content:space-between;align-items:baseline;gap:20px;padding:14px;display:flex}.protocol-card[data-tone] .protocol-port{background:linear-gradient(90deg, var(--tone-soft), transparent 48%), var(--surface-soft)}.protocol-port span,.additional-ports>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.protocol-port strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:620}.protocol-card[data-tone] .protocol-port strong{color:var(--tone)}.additional-ports{gap:8px;display:grid}.additional-ports>div{flex-wrap:wrap;gap:6px;display:flex}.additional-ports code{background:var(--surface-raised);color:var(--text-secondary);border-radius:5px;padding:4px 6px;font-size:10px}.protocol-card[data-tone] .additional-ports code{background:var(--tone-soft);color:var(--tone)}.protocol-action{width:100%}.links-toolbar{justify-content:space-between;gap:20px;padding:18px 20px}.links-toolbar>div:first-child{gap:13px}.links-toolbar>div:last-child{gap:8px;display:flex}.links-loading{min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.link-list{gap:12px;display:grid}.link-card{gap:14px;padding:18px 20px;display:grid}.link-card[data-tone] .icon-button{border-color:var(--tone-border);background:var(--tone-soft);color:var(--tone)}.share-link{overflow-wrap:anywhere;border:1px solid var(--border-soft);min-height:46px;color:var(--text-secondary);-webkit-user-select:all;user-select:all;background:#1d1f24;border-radius:8px;padding:13px 14px;font-size:10.5px;line-height:1.7;display:block}.link-card[data-tone] .share-link{border-left-color:var(--tone)}.share-link-hidden{color:var(--muted);-webkit-user-select:none;user-select:none;place-items:center;display:grid}@media (max-width:980px){.metric-grid,.validation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-summary{align-items:flex-start}.route-summary dl{grid-template-columns:repeat(2,auto);gap:12px 28px;display:grid}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border-soft);width:100%;height:auto;padding:14px 16px;position:static}.sidebar-brand{padding:0 4px 13px}.primary-nav{flex-direction:row;padding-bottom:2px;overflow-x:auto}.nav-link{width:auto;min-width:max-content;min-height:39px;padding:0 10px}.sidebar-foot{border:0;padding:0;display:block;position:absolute;top:14px;right:14px}.sidebar-connection{display:none}.sidebar-logout{width:39px;min-width:39px;padding:0}.sidebar-logout span{display:none}.workspace-header{min-height:82px;padding:16px 20px;position:static}.page-content{padding:24px 18px 44px}.overview-columns,.service-grid,.protocol-grid,.endpoint-grid{grid-template-columns:1fr}.route-summary{display:grid}.route-summary dl{grid-template-columns:repeat(3,1fr);width:100%}.sticky-form-actions{flex-direction:column;align-items:stretch;position:static}.sticky-form-actions>div:last-child{grid-template-columns:1fr 1fr;display:grid}.links-toolbar{flex-direction:column;align-items:stretch}}@media (max-width:520px){.workspace-header h1{font-size:22px}.refresh-button{width:40px;padding:0}.refresh-button span{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:142px;padding:15px}.metric-value{font-size:21px}.health-banner{align-items:flex-start}.health-banner .status-pill{display:none}.listener-summary{flex-direction:column;align-items:flex-start}.service-details{gap:12px}.panel-card,.form-section{padding:18px}.route-summary dl{grid-template-columns:1fr 1fr}.links-toolbar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.check-panel{flex-direction:column;align-items:stretch}.validation-grid{grid-template-columns:1fr}.activity-row time{flex-direction:column;align-items:flex-end;gap:1px}.login-card{padding:24px}.login-brand{margin-bottom:34px}.toast-stack{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}