:root{--tn-color-navy-950:#0b1320;--tn-color-navy-900:#0f1d2f;--tn-color-navy-800:#143047;--tn-color-emerald-600:#10b981;--tn-color-emerald-500:#16a34a;--tn-color-mint-300:#a7f3d0;--tn-color-gray-100:#f5f7fa;--tn-color-gray-200:#e5e7eb;--tn-color-gray-400:#94a3b8;--tn-color-white:#fff;--tn-color-warning:#f59e0b;--tn-color-danger:#ef4444;--tn-color-info:#2563eb;--tn-bg-app:#f8fafc;--tn-bg-surface:#fff;--tn-bg-sidebar:#0b1320;--tn-bg-sidebar-soft:#101b2d;--tn-border:#e5e7eb;--tn-text-primary:#0b1320;--tn-text-secondary:#526078;--tn-text-muted:#7a879c;--tn-success:#10b981;--tn-success-soft:#ecfdf5;--tn-warning:#f59e0b;--tn-warning-soft:#fffbeb;--tn-danger:#ef4444;--tn-danger-soft:#fef2f2;--tn-info-soft:#eff6ff;--tn-font-sans:"Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tn-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--tn-weight-normal:400;--tn-weight-medium:500;--tn-weight-semibold:600;--tn-weight-bold:700;--tn-radius-sm:8px;--tn-radius-md:12px;--tn-radius-lg:16px;--tn-shadow-sm:0 1px 2px #0b13200f;--tn-shadow-md:0 8px 24px #0b132014;--tn-sidebar-width:280px;color:var(--tn-text-primary);background:var(--tn-bg-app);font-family:var(--tn-font-sans);font-size:14px;line-height:1.55}*{box-sizing:border-box}body{background:var(--tn-bg-app);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}.app-shell{grid-template-columns:var(--tn-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{height:100vh;max-height:100vh;color:var(--tn-color-white);background:linear-gradient(180deg, var(--tn-bg-sidebar), #07101d);flex-direction:column;gap:24px;padding:26px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.mobile-nav-bar{display:none}.sidebar-menu{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.brand{color:var(--tn-color-white);align-items:center;gap:12px;padding:0 10px;text-decoration:none;display:flex}.brand:hover,.brand:focus-visible{color:var(--tn-color-white)}.brand img{width:44px;height:44px}.brand span{font-size:26px;font-weight:var(--tn-weight-bold);letter-spacing:0}.secure-card{border-radius:var(--tn-radius-sm);background:#ffffff0a;border:1px solid #ffffff1f}.nav-list{gap:7px;display:grid}.nav-list a{border-radius:var(--tn-radius-sm);color:#ffffffc7;font-weight:var(--tn-weight-medium);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:11px 13px;text-decoration:none;display:grid}.nav-list a.active{color:var(--tn-color-white);box-shadow:inset 3px 0 0 var(--tn-success);background:linear-gradient(90deg,#10b981eb,#10b9812e)}.nav-list svg{width:18px;height:18px}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.secure-card{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.secure-card svg{width:24px;height:24px;color:var(--tn-color-mint-300)}.secure-card strong,.secure-card small{display:block}.secure-card small{color:#ffffffb3}.avatar{width:40px;height:40px;color:var(--tn-text-primary);background:var(--tn-color-white);font-weight:var(--tn-weight-semibold);border-radius:50%;place-items:center;display:grid}.workspace{min-width:0;padding:30px 36px}.topbar,.section-head{justify-content:space-between;gap:20px;display:flex}.topbar{align-items:flex-start;margin-bottom:22px}.topbar-copy{min-width:0}.topbar-side{justify-items:end;gap:12px;min-width:300px;display:grid}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:var(--tn-weight-bold);line-height:38px}h2{font-size:18px;font-weight:var(--tn-weight-semibold);line-height:26px}h3{font-size:14px;font-weight:var(--tn-weight-semibold)}.topbar p,.section-head p,.stat-card p,.empty-state p,.auth-copy p,.auth-panel p,.registration-result p{color:var(--tn-text-secondary)}.auth-actions,.account-cluster{align-items:center;gap:10px;display:flex}.account-cluster{justify-content:flex-end}.account-summary{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:210px;display:grid}.account-summary strong,.account-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-summary small{color:var(--tn-text-secondary)}.dark-avatar{color:var(--tn-color-white);background:var(--tn-color-navy-950)}.notification-button{position:relative}.notification-button span{border:2px solid var(--tn-bg-app);background:var(--tn-success);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.button,.icon-button,.inline-link{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);min-height:40px;color:var(--tn-text-primary);font-weight:var(--tn-weight-semibold);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.button{padding:0 14px}.button.primary{border-color:var(--tn-success);color:var(--tn-color-white);background:var(--tn-success);box-shadow:0 8px 22px #10b98133}.button.secondary{background:var(--tn-bg-surface)}.button.danger-button,.danger-button,.danger-action{color:#b91c1c}.button.full-width{width:100%}.button svg,.icon-button svg,.inline-link svg{flex:none;width:17px;height:17px}.icon-button{width:40px;padding:0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-grid>*,.content-grid>*,.settings-grid>*,.route-two-column>*,.route-stack>*{min-width:0}.limit-banner{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);box-shadow:var(--tn-shadow-sm);gap:12px;margin-bottom:16px;display:grid}.limit-banner div{gap:5px;min-width:0;display:grid}.limit-banner span{color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-semibold)}.limit-banner strong{font-weight:var(--tn-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.limit-banner{background:var(--tn-warning-soft);border-color:#f59e0b52;padding:14px 16px}.action-state{margin-bottom:16px}.token-panel{border-color:#2563eb47;gap:14px;margin-bottom:16px;padding:20px;display:grid}.token-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.token-grid div,.command-box{gap:6px;min-width:0;display:grid}.token-grid span,.command-box span{color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-semibold)}.token-grid code,.command-box code{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-color-gray-100);color:var(--tn-text-primary);font-family:var(--tn-font-mono);white-space:nowrap;padding:10px 12px;font-size:12px;line-height:20px;display:block;overflow-x:auto}.card{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);box-shadow:var(--tn-shadow-sm)}.stat-card{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;min-height:112px;padding:18px;display:grid}.stat-card h3{color:var(--tn-text-secondary);font-size:13px}.stat-card strong{overflow-wrap:anywhere;margin-top:4px;font-size:24px;line-height:30px;display:block}.stat-icon{border-radius:var(--tn-radius-md);place-items:center;width:44px;height:44px;display:grid}.stat-icon svg{width:22px;height:22px}.stat-icon-success,.badge-success{color:#047857;background:var(--tn-success-soft)}.stat-icon-warning,.badge-warning{color:#b45309;background:var(--tn-warning-soft)}.stat-icon-danger,.badge-danger{color:#b91c1c;background:var(--tn-danger-soft)}.stat-icon-info,.badge-info{color:var(--tn-color-info);background:var(--tn-info-soft)}.stat-icon-muted,.badge-muted{color:var(--tn-text-secondary);background:var(--tn-color-gray-100)}.overview-stat-card{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;min-height:142px;padding:22px;display:grid;position:relative}.overview-stat-visual{color:#059669;background:linear-gradient(135deg,#10b98129,#ecfdf5eb);border-radius:18px;place-items:center;width:66px;height:66px;display:grid;position:relative}.overview-stat-visual img{width:50px;height:50px}.overview-stat-visual svg{stroke-width:1.8px;width:38px;height:38px}.overview-stat-visual-warning{color:#d97706;background:var(--tn-warning-soft)}.overview-stat-visual-danger{color:#dc2626;background:var(--tn-danger-soft)}.overview-stat-visual-info{color:#0891b2;background:var(--tn-info-soft)}.overview-stat-lock{color:#f8fafc;background:#0f172a;border-radius:7px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:2px;right:5px;transform:rotate(45deg)}.overview-stat-lock svg{width:15px;height:15px;transform:rotate(-45deg)}.overview-stat-copy h3{color:var(--tn-text-primary);font-size:14px}.overview-stat-copy strong{margin-top:7px;font-size:30px;line-height:32px;display:block}.overview-stat-copy p{color:var(--tn-text-secondary);margin-top:9px}.status-inline{font-size:13px;font-weight:var(--tn-weight-medium);align-items:center;gap:7px;margin-top:6px;display:inline-flex}.status-inline>span{background:currentColor;border-radius:50%;width:9px;height:9px}.status-inline-success{color:#059669}.status-inline-warning{color:#d97706}.status-inline-danger{color:#dc2626}.status-inline-info{color:#2563eb}.status-inline-muted{color:var(--tn-text-muted)}.overview-stat-action{border-radius:var(--tn-radius-sm);width:30px;height:30px;color:var(--tn-text-secondary);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:22px;right:22px}.overview-stat-action:hover,.overview-stat-action:focus-visible{background:var(--tn-color-gray-100);color:var(--tn-text-primary)}.overview-stat-action svg{width:18px;height:18px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);align-items:start;gap:16px;display:grid}.overview-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.overview-grid>.stat-card,.overview-grid>.overview-stat-card{grid-column:span 3}.overview-services-card{grid-column:span 6}.overview-agent-card,.overview-setup-card{grid-column:span 3}.overview-agent-card{padding:18px 20px}.overview-usage-card,.overview-events-card{grid-column:span 6}.management-grid{grid-template-columns:minmax(0,1fr)}.services-list-grid{grid-template-columns:minmax(0,1fr);gap:16px}.services-list-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.services-list-toolbar .table-toolbar{justify-content:start;gap:14px;margin-bottom:0;display:grid}.services-list-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.services-table-card{padding:0;overflow:hidden}.services-summary-bottom{margin:0}.services-pagination{color:var(--tn-text-secondary);justify-content:space-between;align-items:center;gap:16px;padding-top:2px;font-size:13px;display:flex}.services-pagination>div{align-items:center;gap:8px;display:flex}.pagination-current{border:1px solid var(--tn-success);border-radius:var(--tn-radius-sm);background:var(--tn-success);width:36px;height:36px;color:var(--tn-color-white);font-weight:var(--tn-weight-bold);place-items:center;display:grid}.detail-grid,.agent-detail-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.agent-detail-grid{align-items:stretch}.service-detail-layout{grid-auto-rows:max-content;align-items:stretch}.breadcrumb-row{color:var(--tn-text-secondary);font-weight:var(--tn-weight-medium);grid-column:1/-1;align-items:center;gap:8px;display:flex}.breadcrumb-button{min-height:30px;padding-left:0}.breadcrumb-button svg{width:16px;height:16px}.route-stack{gap:16px;display:grid}.route-two-column{grid-template-columns:minmax(0,1fr) minmax(320px,.48fr)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-summary-grid{margin-bottom:0}.usage-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.services-card,.management-grid>.card,.side-stack .card,.overview-grid>.card:not(.stat-card),.route-card{padding:20px}.detail-hero{grid-column:1/-1;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.detail-hero .service-avatar{width:68px;height:68px}.detail-hero .service-avatar svg{width:42px;height:42px}.detail-hero h2{margin:0 0 6px;font-size:28px;line-height:34px}.detail-hero p{color:var(--tn-text-secondary);margin:0}.detail-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.detail-metric-grid,.service-summary-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.service-summary-grid{margin-bottom:16px}.detail-main-card{grid-column:span 4;padding:20px}.service-health-card,.service-usage-card{grid-column:span 5}.service-events-card{grid-column:span 7}.detail-side-card{grid-area:span 2/span 5;padding:20px}.service-detail-layout .service-detail-hero,.service-detail-layout .detail-metric-grid,.service-detail-layout .service-events-card{grid-column:1/9}.service-detail-layout .service-health-card{grid-column:1/5}.service-detail-layout .service-usage-card{grid-column:5/9}.service-detail-layout .service-edit-card{grid-area:2/9/span 5/-1;align-self:start;min-height:0}.service-detail-layout .service-edit-card .section-head{margin-bottom:22px}.service-detail-layout .detail-metric-grid .stat-card strong{overflow-wrap:break-word;word-break:normal;font-size:18px;line-height:24px}.service-detail-layout .detail-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-layout .service-usage-card .usage-chart{height:158px}.service-detail-layout .service-usage-card .usage-split{margin-top:10px;padding-top:10px}.service-detail-layout .service-usage-card .card-note{margin-top:8px}.compact-icon-button{width:36px;height:36px}.service-add-grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:start;gap:18px}.service-add-title{grid-column:1/-1}.service-add-title h2{margin:0 0 6px;font-size:30px;line-height:36px}.service-add-title p{color:var(--tn-text-secondary);margin:0}.service-add-card,.service-preview-card{padding:22px}.service-add-card{gap:20px;display:grid}.service-add-card section{gap:12px;display:grid}.service-add-card section+section{border-top:1px solid var(--tn-border);padding-top:18px}.service-add-card h3,.service-preview-card h3{margin:0;font-size:18px;line-height:24px}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full-row,.service-add-card .full-row{grid-column:1/-1}.upstream-grid{grid-template-columns:minmax(120px,.8fr) minmax(0,1.4fr) minmax(100px,.6fr) minmax(0,1.2fr)}.service-add-card label{color:var(--tn-text-primary);font-size:14px;font-weight:var(--tn-weight-semibold);gap:8px;display:grid}.service-add-card input,.service-add-card select{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);width:100%;min-height:42px;color:var(--tn-text-primary);font:inherit;font-weight:var(--tn-weight-regular);padding:0 12px}.service-add-card input::placeholder{color:var(--tn-text-muted)}.service-add-card input:focus,.service-add-card select:focus{border-color:var(--tn-success);outline:0;box-shadow:0 0 0 3px #10b98124}.availability-field{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-color-gray-100);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.availability-field input{min-height:42px;box-shadow:none;background:0 0;border:0}.availability-field strong{color:#047857;font-size:13px;font-weight:var(--tn-weight-semibold);align-items:center;gap:7px;padding:0 12px;display:inline-flex}.availability-field svg{width:16px;height:16px}.toggle-row{justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex}.service-add-card .toggle-row{display:flex}.toggle-row span{gap:4px;display:grid}.toggle-row small{color:var(--tn-text-secondary)}.toggle-row input{appearance:none;background:var(--tn-color-gray-200);cursor:pointer;border:0;border-radius:999px;flex:none;width:42px;height:24px;min-height:24px;padding:0;transition:background .16s;position:relative}.toggle-row input:after{background:var(--tn-color-white);content:"";border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a2e}.toggle-row input:checked{background:var(--tn-success)}.toggle-row input:checked:after{transform:translate(18px)}.muted-toggle-row{color:var(--tn-text-secondary)}.muted-toggle-row input:disabled{cursor:not-allowed;opacity:.72}.service-add-actions{border-top:1px solid var(--tn-border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding-top:18px;display:grid}.service-add-spacer{min-width:0}.service-preview-card{gap:18px;display:grid}.service-preview-card>p{color:var(--tn-text-secondary);margin:0}.preview-url{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);grid-template-columns:22px minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.preview-url>svg{color:var(--tn-success)}.preview-url strong{color:var(--tn-success);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.service-path-preview{text-align:center;grid-template-columns:minmax(82px,1fr) minmax(48px,.36fr) minmax(120px,1.08fr) minmax(48px,.36fr) minmax(118px,1fr);align-items:center;gap:10px;min-height:218px;padding:26px 8px;display:grid}.service-path-preview .preview-node{color:var(--tn-text-primary);font-weight:var(--tn-weight-semibold);justify-items:center;gap:8px;display:grid}.service-path-preview .preview-node>svg,.service-path-preview .preview-service-glyph,.service-path-preview .preview-service-glyph .service-avatar{border:1px solid var(--tn-border);background:var(--tn-bg-surface);border-radius:12px;width:52px;height:52px;padding:12px}.service-path-preview .preview-service-glyph{place-items:center;padding:0;display:grid}.service-path-preview .preview-service-glyph .service-avatar{width:100%;height:100%}.service-path-preview .preview-service-glyph .service-avatar svg{width:26px;height:26px}.service-path-preview .tunnel-node{gap:10px}.service-path-preview .tunnel-node img{background:linear-gradient(135deg,#10b9812e,#14b8a614);border:0;border-radius:20px;width:86px;height:86px;padding:12px}.service-path-preview small{color:var(--tn-text-secondary);font-weight:var(--tn-weight-regular);text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-size:12px;overflow:hidden}.path-line{border-top:2px dashed #10b9818c;height:2px;display:block;position:relative}.path-lock{background:var(--tn-bg-surface);width:26px;height:26px;color:var(--tn-success);border:1px solid #10b98152;border-radius:999px;padding:5px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.next-steps{border-top:1px solid var(--tn-border);gap:12px;padding-top:18px;display:grid}.next-steps p,.service-add-note{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;margin:0;display:grid}.next-steps svg,.service-add-note svg{color:var(--tn-success)}.service-add-note{border-radius:var(--tn-radius-sm);color:#065f46;background:#10b98114;border:1px solid #10b9813d;padding:14px}.agent-detail-grid>.route-inline-state,.agent-detail-summary,.agent-detail-grid>.agent-metric-grid{grid-column:1/-1}.agent-history-card,.agent-services-card,.agent-tokens-card{flex-direction:column;grid-column:span 4;align-self:stretch;min-height:318px;padding:20px;display:flex}.agent-install-card{grid-column:span 7;padding:20px}.agent-actions-card{grid-column:span 5;padding:20px}.side-stack{gap:16px;display:grid}.section-head{align-items:center;margin-bottom:14px}.section-head.compact{margin-bottom:12px}.overview-card-head{min-height:34px}.overview-card-head h2{font-size:18px;font-weight:var(--tn-weight-semibold);line-height:26px}.overview-card-head h2 span{color:var(--tn-text-secondary);font-size:15px;font-weight:var(--tn-weight-normal)}.overview-card-link{border-radius:var(--tn-radius-sm);width:32px;height:32px;color:var(--tn-text-secondary);background:0 0;border:0;place-items:center;display:grid}.overview-card-link:hover,.overview-card-link:focus-visible{background:var(--tn-success-soft);color:#047857}.overview-card-link svg{width:18px;height:18px}.text-button{border-radius:var(--tn-radius-sm);color:#059669;min-height:34px;font-weight:var(--tn-weight-medium);background:0 0;border:0;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.text-button:hover,.text-button:focus-visible{background:var(--tn-success-soft)}.range-select{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);min-height:38px;color:var(--tn-text-primary);font-weight:var(--tn-weight-medium);align-items:center;display:inline-flex;position:relative}.range-select:after{border-right:2px solid var(--tn-text-secondary);border-bottom:2px solid var(--tn-text-secondary);content:"";pointer-events:none;width:7px;height:7px;position:absolute;right:12px;transform:translateY(-2px)rotate(45deg)}.range-select select{appearance:none;min-height:38px;color:inherit;font:inherit;background:0 0;border:0;padding:0 34px 0 14px}.badge{width:fit-content;min-height:24px;font-size:12px;font-weight:var(--tn-weight-semibold);border-radius:999px;align-items:center;padding:3px 9px;display:inline-flex}.table-wrap{max-width:100%;overflow-x:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.route-inline-state{grid-column:1/-1}.search-field{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);min-width:min(100%,360px);min-height:42px;color:var(--tn-text-muted);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.search-field svg{width:17px;height:17px}.search-field input{min-width:0;color:var(--tn-text-primary);border:0;outline:0}.search-field input::placeholder{color:var(--tn-text-muted)}.disabled-field{background:var(--tn-color-gray-100)}.filter-group,.tab-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group>svg{width:17px;height:17px;color:var(--tn-text-muted)}.filter-button,.tab-row button{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);min-height:38px;color:var(--tn-text-secondary);font-weight:var(--tn-weight-semibold);padding:0 14px}.filter-button.active,.tab-row button.active{border-color:var(--tn-success);color:#047857;background:var(--tn-success-soft)}.tab-row{justify-content:flex-end}table{border-collapse:collapse;width:100%;min-width:720px}.overview-services-card table{table-layout:fixed;min-width:0;font-size:14px}.overview-services-card th,.overview-services-card td{padding-left:8px;padding-right:8px}.overview-services-card th{padding-top:8px;padding-bottom:8px;line-height:16px}.overview-services-card td{padding-top:11px;padding-bottom:11px;line-height:18px}.overview-services-card th:first-child,.overview-services-card td:first-child{width:26%}.overview-services-card th:nth-child(2),.overview-services-card td:nth-child(2){width:29%}.overview-services-card th:nth-child(3),.overview-services-card td:nth-child(3){width:13%}.overview-services-card th:nth-child(4),.overview-services-card td:nth-child(4),.overview-services-card th:nth-child(5),.overview-services-card td:nth-child(5){width:12%}.overview-services-card th:nth-child(6),.overview-services-card td:nth-child(6){text-align:right;width:4%}th,td{border-bottom:1px solid var(--tn-border);text-align:left;vertical-align:middle;padding:13px 12px}th{color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-semibold)}tbody tr:last-child td{border-bottom:0}.service-status{font-weight:var(--tn-weight-medium);align-items:center;gap:8px;display:inline-flex}.service-status span{background:var(--tn-text-muted);border-radius:50%;width:9px;height:9px}.service-status-success span{background:var(--tn-success)}.service-status-success{color:#059669}.service-status-warning span{background:var(--tn-warning)}.service-status-warning{color:#d97706}.service-status-danger span{background:var(--tn-danger)}.service-status-danger{color:#dc2626}.service-status-info span{background:var(--tn-color-info)}.service-status-info{color:var(--tn-color-info)}.service-status-muted span{background:var(--tn-text-muted)}.service-status-muted{color:var(--tn-text-secondary)}.table-link{color:#047857;max-width:100%;font-weight:var(--tn-weight-medium);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;text-decoration:none;display:inline-flex;overflow:hidden}.table-link svg{width:14px;height:14px}.table-stack{gap:2px;display:grid}.table-stack strong,.table-stack small{text-overflow:ellipsis;display:block;overflow:hidden}.table-stack small,.card-note{color:var(--tn-text-muted);font-size:12px}.row-action{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);width:34px;height:34px;color:var(--tn-text-secondary);background:var(--tn-bg-surface);place-items:center;display:grid}.row-action svg{width:17px;height:17px}.row-text-action{white-space:nowrap;min-height:34px;padding:0 12px;font-size:13px;line-height:18px}.row-text-action svg{width:16px;height:16px}.overview-services-card .row-action{background:0 0;border-color:#0000;width:28px;height:28px}.overview-services-card .row-action:hover,.overview-services-card .row-action:focus-visible{border-color:var(--tn-border);background:var(--tn-color-gray-100)}.service-identity{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:inline-grid}.service-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overview-services-card .table-link{color:var(--tn-text-secondary);font-weight:inherit}.overview-services-card .table-link:hover,.overview-services-card .table-link:focus-visible{color:#047857}.overview-services-card .service-status{font-weight:var(--tn-weight-medium)}.overview-services-card td:nth-child(5){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-sparkline{width:72px;height:26px;display:block;overflow:visible}.service-sparkline-line,.service-sparkline-fill{fill:none;stroke-linecap:round;stroke-linejoin:round}.service-sparkline-line{stroke:currentColor;stroke-width:2.1px}.service-sparkline-fill{fill:currentColor;opacity:.1;stroke:none}.service-sparkline-success{color:var(--tn-success)}.service-sparkline-warning{color:var(--tn-warning)}.service-sparkline-muted{color:var(--tn-text-muted)}.usage-cell{color:var(--tn-text-primary);font-weight:var(--tn-weight-medium);white-space:nowrap;grid-template-columns:74px minmax(0,auto);align-items:center;gap:10px;display:grid}.compact-usage-cell{grid-template-columns:56px minmax(0,auto);gap:8px}.compact-usage-cell .service-sparkline{width:56px;height:22px}.service-avatar{color:#059669;background:var(--tn-success-soft);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.service-avatar[data-icon-state=brand]{color:var(--service-icon-color,#059669);background:color-mix(in srgb, var(--service-icon-color,#059669) 14%, #fff)}.service-avatar svg{width:18px;height:18px}.service-avatar[data-icon-state=brand] svg{fill:currentColor;stroke:none}.service-avatar[data-icon-state=fallback] svg{stroke-width:2.2px}.row-actions,.agent-actions,.form-actions{flex-wrap:wrap;gap:8px;display:flex}.services-inventory-table .row-actions{flex-wrap:nowrap;align-items:center;gap:3px}.services-inventory-table .row-action,.services-inventory-table .row-text-action{flex:none}.services-inventory-table .row-action{width:30px;height:30px}.services-inventory-table .row-text-action{min-height:30px;padding:0 8px}.service-name-button{max-width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:inline-grid}.service-name-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-name-button:hover strong,.service-name-button:focus-visible strong,.service-name-button:hover .service-name,.service-name-button:focus-visible .service-name{color:#047857}.row-action:disabled{opacity:.52}.entity-summary{grid-template-columns:78px minmax(200px,1fr) minmax(320px,1.8fr);align-items:center;gap:20px;padding:22px;display:grid}.entity-summary img{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-success-soft);width:72px;height:72px;padding:8px}.entity-summary h2{align-items:center;gap:10px;margin-right:10px;display:inline-flex}.entity-summary dl{border-left:1px solid var(--tn-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding-left:20px;display:grid}.entity-summary dt,.entity-summary p{color:var(--tn-text-secondary)}.entity-summary dd{font-weight:var(--tn-weight-semibold);margin:4px 0 0}.agent-metric-grid,.usage-summary-grid{margin-bottom:0}.management-form{border:1px solid var(--tn-border);border-radius:var(--tn-radius-md);background:var(--tn-color-gray-100);grid-template-columns:minmax(140px,.7fr) minmax(120px,.7fr) minmax(180px,1fr) auto;align-items:end;gap:10px;margin-bottom:16px;padding:14px;display:grid}.management-form label{color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-semibold);gap:6px;display:grid}.management-form input,.management-form select{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);width:100%;min-height:40px;color:var(--tn-text-primary);padding:0 10px}.detail-form{gap:14px;display:grid}.service-edit-card .form-grid.two{gap:12px}.service-edit-card .upstream-grid{grid-template-columns:minmax(104px,.85fr) minmax(0,1.2fr) minmax(86px,.75fr);gap:12px}.detail-form label{color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-semibold);gap:7px;display:grid}.detail-form input,.detail-form select{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);background:var(--tn-bg-surface);width:100%;min-height:42px;color:var(--tn-text-primary);padding:0 11px}.detail-form .button{justify-content:center;width:100%}.detail-save-status{color:#047857;min-height:18px;font-size:12px;font-weight:var(--tn-weight-semibold)}.detail-form small{color:var(--tn-text-muted);font-weight:var(--tn-weight-normal);line-height:18px}.input-with-action{grid-template-columns:minmax(0,1fr) 36px;gap:8px;display:grid}.input-with-action .row-action{width:36px;height:42px}.management-form input:focus,.management-form select:focus{outline-offset:2px;outline:3px solid #10b98152}.edit-form,.compact-form{grid-template-columns:1fr}.checkbox-field{grid-template-columns:none;align-items:center;gap:8px!important;display:flex!important}.checkbox-field input{width:16px;min-height:16px}.agent-list{gap:14px;display:grid}.health-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.health-list li{border-bottom:1px solid var(--tn-border);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.health-list li:last-child{border-bottom:0}.health-list strong,.health-list small{display:block}.health-list small{color:var(--tn-text-secondary)}.agent-item{gap:12px;display:grid}.empty-state{border:1px dashed var(--tn-border);border-radius:var(--tn-radius-md);text-align:center;place-items:center;gap:8px;min-height:230px;padding:28px;display:grid}.empty-state svg{width:34px;height:34px;color:var(--tn-success);margin-bottom:10px}.compact-empty{min-height:172px}.table-empty{margin-top:10px}.kv-list{margin:0;display:grid}.kv-list div{border-bottom:1px solid var(--tn-border);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.kv-list div:last-child{border-bottom:0}.kv-list dt{color:var(--tn-text-secondary)}.kv-list dd{text-align:right;margin:0}.mini-table{table-layout:fixed;width:100%;min-width:0}.mini-table th,.mini-table td{overflow-wrap:anywhere;padding:11px 10px}.mini-table .service-status,.mini-table .service-status+small{white-space:nowrap}.agent-services-card .table-wrap,.agent-tokens-card .table-wrap{flex:1}.agent-service-cell{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.agent-service-cell>div{gap:3px;min-width:0;display:grid}.agent-service-name-button{width:fit-content;max-width:100%;color:var(--tn-text-primary);font:inherit;font-weight:var(--tn-weight-semibold);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.agent-service-name-button:hover,.agent-service-name-button:focus-visible{color:#047857}.agent-service-domain{width:fit-content;min-width:0;max-width:100%;color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-medium);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;line-height:16px;display:inline-flex;overflow:hidden}.agent-service-domain svg{flex:none;width:12px;height:12px}.agent-services-card .agent-services-table th:first-child,.agent-services-card .agent-services-table td:first-child{width:46%}.agent-services-card .agent-services-table th:nth-child(2),.agent-services-card .agent-services-table td:nth-child(2){width:20%}.agent-services-card .agent-services-table th:nth-child(3),.agent-services-card .agent-services-table td:nth-child(3){width:22%}.agent-services-card .agent-services-table th:nth-child(4),.agent-services-card .agent-services-table td:nth-child(4){text-align:right;width:12%;padding-left:4px;padding-right:0}.agent-tokens-card .mini-table th:first-child,.agent-tokens-card .mini-table td:first-child{width:24%}.agent-tokens-card .mini-table th:nth-child(2),.agent-tokens-card .mini-table td:nth-child(2){width:50%}.agent-tokens-card .mini-table th:nth-child(3),.agent-tokens-card .mini-table td:nth-child(3){width:26%}.services-inventory-table{table-layout:fixed;min-width:980px}.services-inventory-table th{color:#475569;height:44px;font-size:12px;font-weight:var(--tn-weight-semibold)}.services-inventory-table td{height:74px;color:var(--tn-text-primary);font-size:14px}.services-inventory-table .service-name-button strong{color:var(--tn-text-primary);font-size:14px;font-weight:var(--tn-weight-semibold)}.services-inventory-table .table-link{color:var(--tn-text-secondary);font-size:14px;font-weight:var(--tn-weight-normal)}.services-inventory-table .table-stack small{line-height:18px}.services-inventory-table th:first-child,.services-inventory-table td:first-child{width:10%}.services-inventory-table th:nth-child(2),.services-inventory-table td:nth-child(2){width:16%}.services-inventory-table th:nth-child(3),.services-inventory-table td:nth-child(3){width:15%}.services-inventory-table th:nth-child(4),.services-inventory-table td:nth-child(4){width:18%}.services-inventory-table td:nth-child(4){overflow-wrap:anywhere}.services-inventory-table th:nth-child(5),.services-inventory-table td:nth-child(5){width:8%}.services-inventory-table th:nth-child(6),.services-inventory-table td:nth-child(6){width:12%}.services-inventory-table th:nth-child(7),.services-inventory-table td:nth-child(7){width:21%}.usage-split{border-top:1px solid var(--tn-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;display:grid}.usage-split div{gap:3px;display:grid}.usage-split strong{font-size:18px}.usage-split span{color:var(--tn-text-secondary);font-size:12px}.detail-command{grid-template-columns:22px minmax(0,1fr) auto;align-items:center}.detail-command>svg{color:var(--tn-success)}.detail-command code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-overview-list div{padding:7px 0}.agent-overview-list dd{color:var(--tn-text-primary)}.agent-status-line{gap:2px;margin-bottom:16px;display:grid}.agent-status-line .status-inline{margin-top:0;font-size:16px;line-height:22px}.agent-status-line small{color:var(--tn-text-secondary);font-size:12px;line-height:16px}.overview-agent-card .overview-card-head{margin-bottom:12px}.setup-list,.event-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.setup-list li,.event-list li{grid-template-columns:12px minmax(0,1fr);align-items:start;gap:12px;display:grid}.event-list li{grid-template-columns:auto minmax(0,1fr)}.setup-list li>.setup-state-icon{width:18px;height:18px;color:var(--tn-color-white);background:var(--tn-text-muted);border-radius:50%;place-items:center;margin-top:0;display:grid}.setup-list li>.setup-state-icon svg{stroke-width:3px;width:13px;height:13px}.setup-done>.setup-state-icon{background:var(--tn-success)!important}.setup-next>.setup-state-icon{background:var(--tn-warning)!important}.setup-blocked>.setup-state-icon{background:var(--tn-text-muted)!important}.setup-list li div>span,.event-list li div>span{display:block}.setup-list small,.event-list small{color:var(--tn-text-muted)}.overview-event-list{gap:0}.overview-event-list li{border-bottom:1px solid var(--tn-border);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:39px}.overview-event-list li:last-child{border-bottom:0}.overview-event-list time{color:var(--tn-text-secondary);white-space:nowrap;font-size:12px}.overview-setup-card .badge{font-weight:var(--tn-weight-medium)}.overview-setup-card .setup-list{gap:15px;margin-top:2px}.overview-setup-card .setup-list li{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px}.overview-setup-card .setup-list li>.setup-state-icon{width:18px;height:18px;margin-top:0}.overview-setup-card .setup-list li div{gap:3px;display:grid}.overview-setup-card .setup-list li div>span{line-height:19px}.overview-setup-card .setup-list small{font-size:12px;line-height:16px;display:block}.event-icon{color:#fff;border-radius:999px;place-items:center;width:20px;height:20px;display:grid}.event-icon svg{stroke-width:2.6px;width:14px;height:14px}.event-icon-success{background:var(--tn-success)}.event-icon-warning{background:var(--tn-warning)}.event-icon-danger{background:var(--tn-danger)}.event-icon-info{background:var(--tn-color-info)}.event-icon-muted{background:var(--tn-text-muted)}.usage-chart-frame{min-width:0;display:block}.usage-chart{background:0 0;border-radius:0;min-width:0;height:222px;overflow:visible}.usage-chart .recharts-wrapper,.usage-chart .recharts-surface{overflow:visible}.usage-chart .recharts-cartesian-axis-tick-value{fill:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-normal)}.usage-chart .recharts-tooltip-wrapper{outline:none}.usage-range-toolbar{justify-content:flex-end;display:flex}.card-note{margin-top:12px}.compact-note{font-size:11px}.route-card>svg,.section-head>svg{width:34px;height:34px;color:var(--tn-success)}.wide-card{min-height:270px}.check-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.check-list li{font-weight:var(--tn-weight-medium);padding-left:24px;position:relative}.check-list li:before{background:var(--tn-success);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:0}.events-toolbar{justify-content:space-between}.events-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.details-panel{min-height:430px}.selected-row{background:var(--tn-success-soft)}.table-link-button{min-height:auto;color:var(--tn-text-primary);text-align:left;font-weight:var(--tn-weight-semibold);background:0 0;border:0;gap:2px;padding:0;display:grid}.table-link-button:hover,.table-link-button:focus-visible{color:#047857}.table-link-button+small,td small{color:var(--tn-text-muted);font-size:12px;display:block}.timeline-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.timeline-list li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;display:grid}.timeline-list svg{width:20px;height:20px;color:var(--tn-success);margin-top:2px}.timeline-list strong,.timeline-list span{display:block}.timeline-list span{color:var(--tn-text-secondary);font-size:12px}.guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metadata-list{border-top:1px solid var(--tn-border);gap:9px;margin-top:18px;padding-top:16px;display:grid}.metadata-list div{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);grid-template-columns:minmax(120px,.72fr) minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.metadata-list code{color:var(--tn-text-secondary);font-family:var(--tn-font-mono);font-size:12px}.metadata-list span{overflow-wrap:anywhere;text-align:right;min-width:0}.settings-tabs{border-bottom:1px solid var(--tn-border);justify-content:flex-start;padding-bottom:10px}.muted-route-card{background:linear-gradient(180deg, var(--tn-bg-surface), var(--tn-color-gray-100))}.help-card{align-content:center;justify-items:start;gap:12px;min-height:260px;display:grid}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.workspace-footer{border-top:1px solid var(--tn-border);color:var(--tn-text-secondary);font-size:12px;font-weight:var(--tn-weight-normal);justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;display:flex}.workspace-footer nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:22px;display:flex}.workspace-footer a{text-decoration:none}.status-dot{background:var(--tn-success);border-radius:50%;width:8px;height:8px}.auth-page{background:linear-gradient(180deg, #10b98114, #f8fafc00), var(--tn-bg-app);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--tn-border);border-radius:var(--tn-radius-lg);background:var(--tn-bg-surface);width:min(100%,460px);box-shadow:var(--tn-shadow-md);gap:20px;padding:28px;display:grid}.register-panel{width:min(100%,520px)}.auth-logo{width:132px;height:auto}.auth-copy{gap:8px;display:grid}.eyebrow{font-size:12px;font-weight:var(--tn-weight-semibold);text-transform:uppercase;color:var(--tn-success)!important}.auth-actions{flex-wrap:wrap}.form{gap:14px;display:grid}.form label{color:var(--tn-text-secondary);font-weight:var(--tn-weight-semibold);gap:7px;display:grid}.form input{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);width:100%;min-height:42px;color:var(--tn-text-primary);background:var(--tn-bg-surface);padding:0 12px}.form input:focus,.button:focus-visible,.icon-button:focus-visible,.inline-link:focus-visible,.nav-list a:focus-visible{outline-offset:2px;outline:3px solid #10b98152}.inline-link{width:fit-content;min-height:auto;color:var(--tn-text-secondary);background:0 0;border:0;justify-content:start;padding:0}.state{border-radius:var(--tn-radius-sm);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.state svg{width:20px;height:20px}.state strong,.state span{display:block}.state-danger{color:#991b1b;background:var(--tn-danger-soft)}.state-info{color:#1d4ed8;background:var(--tn-info-soft)}.registration-result{gap:10px;display:grid}.registration-result svg,.auth-panel>svg{width:34px;height:34px;color:var(--tn-success)}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:1fr;width:100%}.sidebar{z-index:20;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:0;width:100%;height:auto;max-height:none;padding:12px 16px;display:flex;position:sticky;overflow:visible}.sidebar.is-open{max-height:100vh;overflow-y:auto}.mobile-nav-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-nav-bar .brand{padding:0}.mobile-nav-bar .brand img{width:38px;height:38px}.mobile-nav-bar .brand span{font-size:22px}.mobile-nav-bar .mobile-menu-button{width:44px;height:44px;color:var(--tn-color-white);background:#ffffff0f;border-color:#ffffff2e}.sidebar-brand{display:none}.sidebar-menu{flex:none;gap:14px;min-height:auto;padding-top:12px;display:none}.sidebar.is-open .sidebar-menu{display:flex}.nav-list{grid-template-columns:1fr}.nav-list a{min-height:44px}.sidebar-footer{margin-top:4px}.stat-grid,.content-grid,.settings-grid,.guidance-grid,.detail-metric-grid,.service-summary-grid,.route-two-column{grid-template-columns:1fr 1fr}.usage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid,.agent-detail-grid,.service-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero,.detail-metric-grid,.service-summary-grid,.detail-main-card,.detail-side-card,.agent-detail-summary,.agent-detail-grid>.agent-metric-grid,.agent-history-card,.agent-services-card,.agent-tokens-card,.agent-install-card,.agent-actions-card,.service-detail-layout .service-detail-hero,.service-detail-layout .detail-metric-grid,.service-detail-layout .service-health-card,.service-detail-layout .service-usage-card,.service-detail-layout .service-events-card,.service-detail-layout .service-edit-card{grid-column:1/-1}.service-detail-layout .service-edit-card{grid-row:auto;min-height:auto}.service-add-title,.service-add-card,.service-preview-card{grid-column:1/-1}.services-list-toolbar{grid-template-columns:1fr}.services-list-actions{justify-content:flex-start}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid>.stat-card,.overview-grid>.overview-stat-card{grid-column:span 1}.overview-services-card,.overview-usage-card,.overview-events-card{grid-column:span 2}.overview-agent-card,.overview-setup-card{grid-column:span 1}.topbar{flex-direction:column;align-items:stretch}.topbar-side{justify-items:start;min-width:0}.account-cluster{justify-content:flex-start}.entity-summary{grid-template-columns:72px minmax(200px,1fr)}.entity-summary dl{border-left:0;border-top:1px solid var(--tn-border);grid-column:1/-1;padding-top:16px;padding-left:0}.management-form{grid-template-columns:1fr 1fr}}@media (width<=760px){.workspace{padding:20px}.topbar,.section-head,.auth-actions{flex-direction:column;align-items:stretch}.nav-list,.sidebar-footer,.stat-grid,.content-grid,.management-form,.guidance-grid,.detail-grid,.agent-detail-grid,.service-add-grid,.detail-metric-grid,.service-summary-grid,.token-grid,.settings-grid,.route-two-column,.entity-summary,.entity-summary dl,.link-grid,.usage-summary-grid,.metadata-list div{grid-template-columns:1fr}.events-controls,.events-controls .search-field,.events-controls .range-select{width:100%}.metadata-list span{text-align:left}.overview-grid>.stat-card,.overview-grid>.overview-stat-card,.overview-services-card,.overview-agent-card,.overview-setup-card,.overview-usage-card,.overview-events-card{grid-column:span 1}.detail-hero{grid-template-columns:1fr;align-items:start}.detail-hero-actions{justify-content:stretch}.detail-hero-actions .button{width:100%}.services-list-actions,.services-list-actions .button,.service-add-actions,.form-grid.two,.upstream-grid,.service-path-preview{grid-template-columns:1fr}.services-list-actions{display:grid}.service-add-actions .button{width:100%}.service-add-spacer{display:none}.service-path-preview{text-align:left}.service-path-preview .preview-node{justify-items:start}.path-line{border-top:0;border-left:2px dashed #10b9818c;width:2px;height:28px;margin-left:25px}.health-list li,.usage-split,.detail-command{grid-template-columns:1fr}.detail-command .button{width:100%}.overview-services-card table,.overview-services-card thead,.overview-services-card tbody,.overview-services-card tr,.overview-services-card th,.overview-services-card td{display:block;width:100%!important}.overview-services-card thead{display:none}.overview-services-card tbody{gap:12px;display:grid}.overview-services-card tr{border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);gap:8px;padding:12px;display:grid}.overview-services-card td{border-bottom:0;grid-template-columns:minmax(92px,.44fr) minmax(0,1fr);align-items:start;gap:10px;padding:0;display:grid;text-align:left!important}.overview-services-card td:before{color:var(--tn-text-secondary);content:attr(data-label);font-size:12px;font-weight:var(--tn-weight-semibold)}.overview-services-card td[data-label=""]:before{display:none}.overview-services-card .overview-row-action{justify-content:flex-end;display:flex}.overview-stat-card{grid-template-columns:58px minmax(0,1fr);min-height:124px;padding:18px}.overview-stat-visual{border-radius:15px;width:54px;height:54px}.overview-stat-visual img{width:42px;height:42px}.overview-stat-copy strong{font-size:26px;line-height:28px}.usage-chart{height:190px}.overview-event-list li{grid-template-columns:24px minmax(0,1fr)}.overview-event-list time{grid-column:2}.account-summary{min-width:0}.account-cluster,.auth-actions .button,.token-grid .button,.icon-button{width:100%}.compact-icon-button{align-self:flex-end;width:36px}.account-cluster .icon-button{width:40px}.table-toolbar,.workspace-footer,.workspace-footer nav{flex-direction:column;align-items:stretch}.filter-group,.tab-row{align-items:stretch}.filter-button,.tab-row button{justify-content:center}h1{font-size:26px;line-height:34px}}