:root{--blaktail-orange-700:#a84c1a;--blaktail-orange-600:#d66a2b;--blaktail-orange-500:#e8752c;--blaktail-orange-400:#f48e4a;--blaktail-sand-100:#fae8c8;--blaktail-sand-200:#e8d4b1;--blaktail-sand-300:#cab99c;--blaktail-wattle-500:#c99018;--blaktail-wattle-400:#d9a52a;--blaktail-wattle-300:#e4bc58;--blaktail-eucalyptus-500:#7b8450;--blaktail-eucalyptus-400:#969d67;--blaktail-sunset-orange:#da6a3e;--gray-950:#141518;--gray-925:#17181b;--gray-900:#1b1c20;--gray-850:#202226;--gray-800:#26282d;--gray-750:#2c2f35;--gray-700:#363a41;--gray-500:#6b737d;--gray-400:#8d96a0;--gray-300:#b1b8c0;--gray-100:#e7e9ec;--background:var(--gray-925);--foreground:var(--gray-100);--surface:var(--gray-900);--surface-elevated:var(--gray-850);--surface-hover:var(--gray-800);--surface-sunken:var(--gray-950);--border:#ffffff12;--border-strong:#ffffff1f;--primary:var(--blaktail-orange-500);--primary-hover:var(--blaktail-orange-400);--primary-foreground:#160b04;--secondary:var(--gray-850);--secondary-foreground:var(--gray-100);--muted:var(--gray-850);--muted-foreground:var(--gray-400);--accent:var(--blaktail-wattle-500);--success:#3fb877;--warning:#d7a13e;--destructive:#e05d4f;--info:#6aa5d8;--ring:var(--blaktail-orange-400);--cc-allowed:#3fb877;--cc-unenforced:#8d96a0;--cc-denied:#e05d4f;--cc-inactive:#4b5058;--cc-dot:#34373d;--radius:8px;--font-sans:"Avenir Next", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--topbar-height:60px;--sidebar-width:15.5rem;--sidebar-rail:4rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--motion:.16s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--primary-hover);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--blaktail-sand-100)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button,input,select,textarea{font:inherit}button,.button{appearance:none;border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;transition:background-color var(--motion), border-color var(--motion), color var(--motion);justify-content:center;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:13.5px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-foreground)}button.secondary,.button.secondary,.filter-chip{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--secondary-foreground)}button.secondary:hover:not(:disabled),.button.secondary:hover,.filter-chip:hover:not(:disabled){background:var(--surface-hover);color:var(--foreground);border-color:#ffffff2e}button.danger,.button.danger{background:var(--destructive);border-color:var(--destructive);color:#fff}button.danger:hover:not(:disabled){filter:brightness(1.08);background:var(--destructive);border-color:var(--destructive);color:#fff}button.quiet-danger,.button.quiet-danger{color:var(--destructive);background:0 0;border-color:#e05d4f73}button.quiet-danger:hover:not(:disabled),.button.quiet-danger:hover{border-color:var(--destructive);color:var(--destructive);background:#e05d4f1f}button:disabled{opacity:.5;cursor:not-allowed}.icon-button{width:2.25rem;height:2.25rem;color:var(--muted-foreground);background:0 0;border-color:#0000;padding:0}.icon-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border);color:var(--foreground)}.link-button{color:var(--primary-hover);text-underline-offset:.15em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.link-button:hover:not(:disabled){color:var(--blaktail-sand-100);background:0 0}input,select,textarea{border:1px solid var(--border-strong);background:var(--surface-sunken);width:100%;color:var(--foreground);border-radius:var(--radius);transition:border-color var(--motion), box-shadow var(--motion);padding:.5rem .65rem}input::placeholder,textarea::placeholder{color:var(--gray-500)}input:focus,select:focus,textarea:focus{border-color:#e8752cb3;outline:none;box-shadow:0 0 0 3px #e8752c24}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}label{color:var(--gray-300);gap:.35rem;font-size:13.5px;display:grid}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){color:var(--foreground);align-items:center;gap:.5rem;display:flex}fieldset{border:1px solid var(--border);border-radius:var(--radius)}legend{color:var(--muted-foreground)}pre,code{font-family:var(--font-mono)}pre{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;overflow:auto}hr{border:0;border-top:1px solid var(--border)}.skip-link{z-index:60;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);padding:.5rem .75rem;font-weight:600;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--topbar-height) minmax(0, 1fr);grid-template-areas:"top top""side main";min-height:100vh;display:grid}.shell[data-collapsed=true]{grid-template-columns:var(--sidebar-rail) minmax(0, 1fr)}.topbar{z-index:30;background:var(--background);border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:.6rem;padding:0 1rem 0 1.1rem;display:flex;position:sticky;top:0}.topbar-menu{display:none}.topbar-spacer{flex:1}.brand,.wordmark{letter-spacing:.005em;color:var(--foreground);align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark:hover,.brand:hover{color:var(--foreground)}.wordmark-blak{color:var(--blaktail-sand-100)}.wordmark-tail{color:var(--primary)}.wordmark-mark{color:var(--blaktail-sand-200);flex:none;display:block}.topbar-collapse{margin-left:1.4rem}.sidebar{top:var(--topbar-height);height:calc(100vh - var(--topbar-height));background:var(--background);border-right:1px solid var(--border);scrollbar-width:thin;flex-direction:column;grid-area:side;min-width:0;padding:.85rem .7rem .75rem;display:flex;position:sticky;overflow:hidden auto}.side-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.side-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-list-secondary{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.side-link{border-radius:var(--radius);width:100%;min-height:2.35rem;color:var(--gray-300);text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:.75rem;padding:.4rem .7rem;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-link:hover:not(:disabled){background:var(--surface-elevated);color:var(--foreground);border-color:#0000}.side-link[aria-current=page],.side-link[aria-current=true]{background:var(--surface-hover);color:var(--foreground)}.side-link[aria-current=page] .side-icon,.side-link[aria-current=true] .side-icon,.side-group-toggle[data-active=true] .side-icon{color:var(--primary)}.side-icon{color:var(--gray-400);flex:none}.side-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-chevron{color:var(--gray-500);transition:transform var(--motion);flex:none}.side-group-toggle[aria-expanded=true] .side-chevron{transform:rotate(180deg)}.side-children{gap:1px;margin:2px 0 4px;padding:0;list-style:none;display:grid}.side-children[hidden]{display:none}.side-child{border-radius:var(--radius);color:var(--gray-400);padding:.38rem .7rem .38rem 2.65rem;font-size:13.5px;text-decoration:none;display:block}.side-child:hover{background:var(--surface-elevated);color:var(--foreground)}.side-child[aria-current=page]{background:var(--surface-hover);color:var(--foreground);box-shadow:inset 2px 0 0 var(--primary)}.sidebar-foot{border-top:1px solid var(--border);gap:.35rem;margin-top:1rem;padding:.75rem .7rem .15rem;font-size:12px;display:grid}.region-mark{color:var(--muted-foreground);align-items:flex-start;gap:.5rem;margin:0;font-size:12px;display:flex}.region-text{line-height:1.35;display:grid}.region-mark strong{color:var(--blaktail-sand-200);font-weight:600}.region-dot{background:var(--accent);border-radius:999px;flex:none;width:.5rem;height:.5rem;margin-top:.3rem;display:inline-block;box-shadow:0 0 0 3px #c9901829}.sidebar-privacy{color:var(--muted-foreground);font-size:12px}.shell[data-collapsed=true] .sidebar{padding-inline:.55rem}.shell[data-collapsed=true] .side-link{justify-content:center;padding-inline:0}.shell[data-collapsed=true] .side-label,.shell[data-collapsed=true] .side-chevron,.shell[data-collapsed=true] .region-text,.shell[data-collapsed=true] .sidebar-privacy{display:none}.shell[data-collapsed=true] .region-mark{justify-content:center}.drawer-backdrop{display:none}.main{grid-area:main;min-width:0;padding:1.75rem clamp(1rem,3vw,2.5rem) 3rem;position:relative}.main:focus{outline:none}.main-bleed{height:calc(100vh - var(--topbar-height));flex-direction:column;padding:0;display:flex}.org-switcher,.user-menu,.picker{position:relative}.org-trigger{min-height:2.6rem;color:var(--foreground);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;padding:.25rem .55rem .25rem .3rem;font-weight:500;display:flex}.org-trigger:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--border);color:var(--foreground)}.org-trigger.static{cursor:default}.org-initial{background:var(--surface-hover);border:1px solid var(--border-strong);width:2rem;height:2rem;color:var(--primary);border-radius:6px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.org-initial.small{width:1.6rem;height:1.6rem;font-size:12px}.org-text{min-width:0;line-height:1.25;display:grid}.org-name{white-space:nowrap;text-overflow:ellipsis;max-width:14rem;font-size:14px;font-weight:600;overflow:hidden}.org-sub{color:var(--muted-foreground);white-space:nowrap;font-size:12px;font-weight:400}.org-chevron{color:var(--muted-foreground)}.org-error{white-space:nowrap;font-size:12px;position:absolute;top:100%;right:0}.avatar{background:linear-gradient(140deg, var(--blaktail-orange-600), var(--blaktail-sunset-orange) 55%, #8a4a3a);color:#fff;letter-spacing:.02em;border:1px solid #ffffff24;border-radius:999px;width:2.35rem;height:2.35rem;padding:0;font-size:13px;font-weight:700}.avatar:hover:not(:disabled){background:linear-gradient(140deg, var(--blaktail-orange-500), var(--blaktail-sunset-orange) 55%, #8a4a3a);color:#fff;border-color:#ffffff4d}.popover{z-index:40;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:10px;min-width:15rem;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px #00000073}.popover ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.popover-heading{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin:.25rem .55rem .35rem;font-size:11px;font-weight:600}.popover-item{width:100%;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:.6rem;padding:.45rem .55rem;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.popover-item:hover:not(:disabled),.popover-item:focus-visible{background:var(--surface-hover);color:var(--foreground);border:0}.popover-item svg{color:var(--muted-foreground);flex:none}.popover-check{margin-left:auto;color:var(--primary)!important}.popover-identity{border-bottom:1px solid var(--border);color:var(--muted-foreground);gap:.1rem;margin-bottom:.3rem;padding:.5rem .6rem .6rem;font-size:12.5px;display:grid}.popover-identity strong{color:var(--foreground);font-size:14px}.page-header{gap:.3rem;max-width:52rem;margin-bottom:.25rem;display:grid;position:relative}.page-header h1{letter-spacing:-.005em;margin:0;font-size:24px;font-weight:650;line-height:1.2}.page-header .lead{max-width:46rem;margin:0;font-size:14px}.eyebrow{color:var(--muted-foreground);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.summary-line{color:var(--muted-foreground);margin:0;font-size:13px}h1{margin:0 0 .35rem;font-size:24px;font-weight:650}h2{margin:0;font-size:16px;font-weight:600}h3,.card-heading{margin:0;font-size:14px;font-weight:600}.lead,.muted,.tagline{color:var(--muted-foreground)}.tagline{max-width:42rem;font-size:15px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.15rem 1.25rem;position:relative}.panel.interactive:hover{border-color:#e8752c4d}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.callout{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);padding:.75rem 1rem}.callout.warn{border-color:#d7a13e59;border-left:3px solid var(--warning);gap:.5rem;display:grid}.small{font-size:12.5px}.overview{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.8fr);align-items:stretch;gap:1rem;display:grid}.overview-copy{gap:.65rem;display:grid}.overview-stats{flex-wrap:wrap;gap:.75rem 2rem;display:flex}.overview-stat{gap:.1rem;display:grid}.overview-stat strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:650}.overview-stat span{color:var(--muted-foreground);font-size:12px}.overview-path{background:radial-gradient(circle at 1px 1px, var(--cc-dot) 1px, transparent 0) 0 0 / 16px 16px, var(--surface);border:1px solid var(--border);border-radius:10px;min-height:7.5rem;overflow:hidden}.search-field{max-width:36rem}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.8rem .85rem}.table thead th{background:var(--surface-elevated);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;font-size:11.5px;font-weight:600}.table thead th:first-child{border-top-left-radius:6px}.table thead th:last-child{border-top-right-radius:6px}.table td a:not(.button){color:var(--foreground);font-weight:600;text-decoration:none}.table td a:not(.button):hover{color:var(--primary-hover);text-decoration:underline}.table tbody tr:hover{background:#ffffff05}.table tbody tr:last-child td{border-bottom:0}.table-panel{padding:1rem .85rem 1.2rem}.table-toolbar{gap:.85rem;padding:.15rem .4rem .35rem;display:grid}.filter-row{flex-wrap:wrap;align-items:end;gap:.45rem;display:flex}.filter-chip{padding:.35rem .7rem;font-weight:600;text-decoration:none}.filter-chip.active{color:var(--foreground);background:#e8752c24;border-color:#e8752c66}.device-table{min-width:44rem}.device-address .mono{word-break:normal;white-space:nowrap}.device-primary{font-weight:600}.device-sub{color:var(--muted-foreground);margin-top:.2rem;font-size:12px}.device-row td{padding-top:.95rem;padding-bottom:.95rem}.device-details-row td{background:var(--surface-sunken);padding:0 .85rem 1.25rem}.device-details{gap:1.15rem;padding:.75rem .25rem .15rem;display:grid}.danger-zone{border-top:1px solid #e05d4f47;gap:.45rem;padding-top:.35rem;display:grid}.section-nav{flex-wrap:wrap;gap:.3rem;display:flex}.section-nav a{border:1px solid var(--border);background:var(--surface);color:var(--gray-300);border-radius:999px;padding:.3rem .65rem;font-size:12.5px;font-weight:500;text-decoration:none}.section-nav a:hover{border-color:var(--border-strong);color:var(--foreground)}.sso-disclosure{border-top:1px solid var(--border);gap:.75rem;padding-top:.85rem;display:grid}.sso-disclosure summary,details>summary{cursor:pointer;color:var(--foreground);font-weight:600}.sso-disclosure form{gap:.75rem;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{border:1px solid var(--border-strong);color:var(--gray-300);background:var(--surface-elevated);white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.08rem .5rem;font-size:12px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:999px;width:.42rem;height:.42rem}.badge.network{color:var(--blaktail-sand-200);background:#e8752c1a;border-color:#e8752c40}.badge.network:before{background:var(--primary)}.badge.online,.badge.direct{color:#7fd6a4;background:#3fb87714;border-color:#3fb87759}.badge.online:before,.badge.direct:before{background:var(--success)}.badge.offline{color:var(--muted-foreground)}.badge.offline:before{background:var(--gray-500)}.badge.pending{color:var(--blaktail-wattle-300);background:#c9901814;border-color:#c9901859}.badge.warn,.badge.revoked{color:#f0948a;background:#e05d4f14;border-color:#e05d4f66}.badge.warn:before,.badge.revoked:before{background:var(--destructive)}.badge.relay{color:var(--blaktail-sunset-orange);background:#da6a3e14;border-color:#da6a3e73}.badge.public{background:var(--destructive);border-color:var(--destructive);color:#fff;letter-spacing:.06em;font-weight:700}.badge.public:before{background:#fff}.dot{background:var(--gray-500);border-radius:999px;flex:none;width:.5rem;height:.5rem;display:inline-block}.dot-ok{background:var(--success);box-shadow:0 0 0 3px #3fb87729}.dot-bad{background:var(--destructive);box-shadow:0 0 0 3px #e05d4f29}.dot-idle{background:var(--gray-500)}.error{color:#f0948a}.mono{font-family:var(--font-mono);word-break:break-all;font-size:.92em}.details{gap:.7rem;margin:0;display:grid}.details div{grid-template-columns:minmax(9rem,.35fr) 1fr;gap:.75rem;display:grid}.details dt{color:var(--muted-foreground)}.details dd{margin:0}.empty-state{border:1px dashed var(--border-strong);background:radial-gradient(circle at 1px 1px, var(--cc-dot) 1px, transparent 0) 0 0 / 16px 16px, var(--surface-sunken);border-radius:10px;justify-items:start;gap:.6rem;padding:1.25rem;display:grid}.empty-state .path-motif{opacity:.8;width:8.5rem;height:3.5rem}.empty-state h2,.empty-state p{margin:0}.path-motif{width:100%;height:100%;display:block}.path-motif path{fill:none;stroke:var(--primary);stroke-width:1.4px;stroke-linecap:round}.path-motif .quiet{stroke:var(--success);stroke-dasharray:2 6}.path-motif .gold{stroke:var(--accent)}.path-motif circle{fill:var(--blaktail-sand-200)}.path-motif .hub{fill:none;stroke:var(--primary)}.skeleton{gap:.6rem;display:grid}.skeleton-line{background:#ffffff0f;border-radius:999px;height:.7rem}.confirm-backdrop{z-index:50;background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:12px;gap:.85rem;width:min(28rem,100%);padding:1.25rem;display:grid;box-shadow:0 24px 60px #00000080}.confirm-dialog h2{font-size:1.05rem}.auth-screen{grid-template-columns:minmax(22rem,28rem) 1fr;min-height:100vh;display:grid}.auth-form-col{align-content:center;padding:2rem 1.5rem;display:grid}.sign-in{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.sign-in-card,.auth-form-col .panel{gap:1.25rem;width:min(28rem,100%);display:grid}.sign-in-card form,.auth-form-col form{gap:.9rem;display:grid}.auth-brand-col{color:var(--blaktail-sand-200);background:radial-gradient(circle at 1px 1px, var(--cc-dot) 1px, transparent 0) 0 0 / 18px 18px, linear-gradient(160deg, #e8752c24, transparent 60%), var(--surface-sunken);border-left:1px solid var(--border);align-content:end;gap:.75rem;padding:2.5rem;display:grid;position:relative;overflow:hidden}.auth-brand-col .path-motif{opacity:.6;height:58%;position:absolute;inset:8% 6% auto}.auth-brand-copy{max-width:26rem;position:relative}.auth-brand-copy p{margin:0 0 .55rem}.auth-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:600}.policy-page{width:min(52rem,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.policy-page section{gap:.25rem}.policy-page p,.policy-page ul{margin-block:.35rem}.inline-form{gap:.55rem;display:grid}.inline-form button{justify-self:start}.identity-row{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));align-items:start;gap:1rem;padding-block:.75rem;display:grid}.identity-row:last-of-type{border-bottom:0}.ceremony{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.35rem .45rem;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.ceremony li{align-items:center;gap:.4rem;display:inline-flex}.ceremony li:before{content:"";border:1.5px solid var(--border-strong);border-radius:999px;width:.5rem;height:.5rem}.ceremony li[aria-current=step]{color:var(--foreground)}.ceremony li[aria-current=step]:before{background:var(--primary);border-color:var(--primary)}.ceremony li:not(:last-child):after{content:"";background:var(--border-strong);width:1.35rem;height:1px}.acl-layout{gap:1.75rem;display:grid}.acl-section{gap:.9rem;display:grid}.acl-group-list,.acl-rule-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.acl-group,.acl-rule{border:1px solid var(--border);background:var(--surface-sunken);border-radius:10px;gap:.85rem;padding:1rem;display:grid}.acl-group-head,.acl-rule-head,.acl-add-group{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.acl-add-group label{flex:1;min-width:min(16rem,100%)}.acl-members{flex-wrap:wrap;gap:.45rem;display:flex}.acl-members .badge{gap:.45rem}.chip-remove{color:inherit;background:0 0;border:0;padding:.1rem .35rem;font-size:12px;font-weight:600}.chip-remove:hover:not(:disabled){background:var(--surface-hover);color:var(--foreground)}.acl-rule-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.85rem;display:grid}.acl-selector{border:0;gap:.45rem;margin:0;padding:0;display:grid}.acl-selector legend{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;padding:0;font-size:11.5px;font-weight:600}.acl-options{gap:.35rem;display:grid}.acl-advanced{color:var(--muted-foreground)}.acl-advanced pre{margin:.75rem 0 0}.audit-details{white-space:pre-wrap;min-width:14rem;max-width:30rem;display:block}.audit-trail{gap:0;margin:0;padding:0;list-style:none;display:grid}.audit-event{gap:.2rem;padding:.85rem 0 .85rem 1.35rem;display:grid;position:relative}.audit-event:before{content:"";background:var(--border-strong);width:1px;position:absolute;top:1.15rem;bottom:-.15rem;left:.28rem}.audit-event:last-child:before{display:none}.audit-node{background:var(--primary);border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:1.05rem;left:0;box-shadow:0 0 0 3px #e8752c24}.audit-node.success{background:var(--success);box-shadow:0 0 0 3px #3fb87729}.audit-node.warning{background:var(--warning);box-shadow:0 0 0 3px #d7a13e29}.audit-node.danger{background:var(--destructive);box-shadow:0 0 0 3px #e05d4f29}.audit-filters{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:end;gap:.75rem;display:grid}.route-approval{gap:.45rem;min-width:10rem;display:grid}.device-name-editor,.device-name-readonly{gap:.4rem;min-width:12rem;display:grid}.device-name-editor label>span,.device-technical-name{color:var(--muted-foreground);font-size:12px}.device-name-editor button{justify-self:start}.route-option{grid-template-columns:auto 1fr;align-items:center;gap:.45rem;display:grid}.route-option input{width:auto}.dns-card{border:1px solid var(--border);background:var(--surface-sunken);border-radius:10px;margin:0;padding:1rem}.dns-grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));align-items:start;gap:.75rem;display:grid}.dns-assign{border:0;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;display:flex}.dns-hint{font-size:12px;display:block}.dns-pre{white-space:pre-wrap;max-height:24rem;margin:0;overflow:auto}.dns-diff{margin:0}.dns-diff-added{color:#7fd6a4}.dns-diff-removed{color:#f0948a}.agent-bar-row{grid-template-columns:7rem 1fr 6rem;align-items:center;gap:.75rem;display:grid}.agent-bar{opacity:.6;background:currentColor;border-radius:2px;height:.75rem;display:block}.remote-terminal,.remote-desktop{background:#0b0b0b;border-radius:8px;min-height:420px;padding:8px;overflow:hidden}.remote-desktop:focus-visible,.remote-terminal:focus-within{outline:3px solid var(--ring);outline-offset:2px}.public-panel{box-shadow:inset 4px 0 0 var(--destructive);border-color:#e05d4f73}.public-routes{margin:0;padding:0;list-style:none}.public-route{border-radius:var(--radius);padding:var(--space-4);border:1px solid #e05d4f59}.public-route-head{gap:var(--space-2);flex-wrap:wrap}.public-fqdn{overflow-wrap:anywhere;font-weight:700}.public-facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;display:grid}.public-facts dt{color:var(--muted-foreground);font-size:.85rem}.public-facts dd{margin:0}.cc{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cc-toolbar{z-index:6;pointer-events:none;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;position:absolute;inset:1rem 1rem auto}.cc-toolbar>*{pointer-events:auto}.cc-toolbar-end{align-items:center;gap:.5rem;margin-left:auto;display:flex}.cc-tabs{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.cc-tab{color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:7px;gap:.45rem;padding:.35rem .8rem;font-weight:500}.cc-tab:hover:not(:disabled){background:var(--surface-elevated);color:var(--foreground);border-color:#0000}.cc-tab[aria-selected=true]{background:var(--surface-hover);border-color:var(--border);color:var(--foreground)}.cc-back{background:var(--surface);border:1px solid var(--border-strong);width:2.6rem;height:2.6rem}.picker-trigger{background:var(--surface);border:1px solid var(--border-strong);min-width:15rem;max-width:22rem;min-height:2.6rem;color:var(--foreground);justify-content:flex-start;gap:.55rem;padding:.4rem .7rem;font-weight:500}.picker-trigger:hover:not(:disabled){background:var(--surface-elevated);color:var(--foreground);border-color:#fff3}.picker-trigger svg{color:var(--muted-foreground);flex:none}.picker-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-sub{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.picker-chevron{margin-left:auto}.picker-menu{width:max(100%,17rem);max-height:22rem;left:0;right:auto;overflow:auto}.picker-search{border-bottom:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:.45rem;margin-bottom:.3rem;padding:.15rem .45rem .4rem;display:flex}.picker-search input{background:0 0;border:0;padding:.35rem .1rem}.picker-search input:focus{box-shadow:none}.picker-option-text{min-width:0;line-height:1.3;display:grid}.picker-empty{color:var(--muted-foreground);padding:.5rem .6rem}.cc-chip,.cc-meta,.cc-toggle{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-height:2.6rem;color:var(--foreground);align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:13px;font-weight:500;display:inline-flex}.cc-meta{min-height:2rem;color:var(--muted-foreground);padding:.2rem .6rem;font-size:12px}.cc-toggle:hover:not(:disabled){background:var(--surface-elevated);color:var(--foreground);border-color:#fff3}.cc-toggle[aria-pressed=true]{border-color:#e8752c73}.cc-body{flex:1;min-height:0;display:flex;position:relative}.cc-canvas{flex:1;min-width:0;min-height:0;position:relative}.cc-canvas .react-flow{--xy-background-color:var(--background);--xy-edge-label-background-color:var(--surface);--xy-controls-button-background-color:var(--surface-elevated);--xy-controls-button-background-color-hover:var(--surface-hover);--xy-controls-button-color:var(--gray-300);--xy-controls-button-color-hover:var(--foreground);--xy-controls-button-border-color:var(--border);--xy-controls-box-shadow:0 0 0 1px var(--border-strong);--xy-minimap-background-color:var(--surface);background:var(--background)}.cc-canvas .react-flow__node{cursor:default;pointer-events:all!important}.cc-canvas .react-flow__controls{border-radius:8px;overflow:hidden}.cc-handle{opacity:0;pointer-events:none;border:0!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important}.cc-edge.animated path,.react-flow__edge.animated .react-flow__edge-path{animation-duration:1.2s}.cc-pill{background:var(--surface);border:1px solid var(--border-strong);width:100%;height:100%;color:var(--foreground);white-space:nowrap;border-radius:999px;justify-content:flex-start;gap:.45rem;padding:0 0 0 .6rem;font-size:12px;font-weight:500;overflow:hidden}.cc-pill:hover:not(:disabled),.cc-pill[aria-pressed=true]{background:var(--surface-elevated);color:var(--foreground);border-color:#e8752c8c}.cc-pill .dot{width:.45rem;height:.45rem;box-shadow:none}.cc-pill-label{text-overflow:ellipsis;overflow:hidden}.cc-pill-badge{border-left:1px solid var(--border-strong);color:var(--gray-300);font-family:var(--font-mono);background:#ffffff08;align-self:stretch;align-items:center;margin-left:auto;padding:0 .55rem;font-size:10.5px;display:inline-flex}.cc-card,.cc-plain{background:var(--surface);border:1px solid var(--border-strong);width:100%;height:100%;color:var(--foreground);text-align:left;border-radius:8px;justify-content:flex-start;gap:.65rem;padding:.4rem .75rem .4rem .45rem;font-weight:500}.cc-card:hover:not(:disabled),.cc-card[aria-pressed=true],.cc-plain:hover:not(:disabled),.cc-plain[aria-pressed=true]{background:var(--surface-elevated);color:var(--foreground);border-color:#e8752c8c}.cc-card-device{box-shadow:0 0 0 4px #ffffff05}.cc-plain{background:0 0;border-color:#0000}.cc-card-icon{background:var(--surface-hover);border:1px solid var(--border);width:2rem;height:2rem;color:var(--gray-300);border-radius:6px;flex:none;place-items:center;display:grid;position:relative}.cc-card-icon.small{width:1.75rem;height:1.75rem}.cc-card-status{border:2px solid var(--surface);width:.55rem;height:.55rem;box-shadow:none;position:absolute;bottom:-3px;right:-3px}.cc-card-text{min-width:0;line-height:1.3;display:grid}.cc-card-label{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.cc-card-sub{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;word-break:normal;font-size:11px;font-weight:400;overflow:hidden}.cc-network{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;width:100%;height:100%;overflow:hidden}.cc-network.selected,.cc-network:hover{border-color:#e8752c8c}.cc-network-head{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);text-align:left;background:0 0;border-radius:0;grid-template-columns:1fr auto;grid-template-areas:"title peers""sub peers";gap:0 .75rem;padding:.55rem .8rem;display:grid}.cc-network-head:hover:not(:disabled){background:var(--surface-elevated);border:0;border-bottom:1px solid var(--border);color:var(--foreground)}.cc-network-title svg{color:var(--muted-foreground);flex:none}.cc-network-title{white-space:nowrap;text-overflow:ellipsis;grid-area:title;align-items:center;gap:.4rem;font-size:12.5px;font-weight:600;display:inline-flex;overflow:hidden}.cc-network-sub{color:var(--muted-foreground);grid-area:sub;font-size:11px;font-weight:400}.cc-network-peers{color:var(--gray-300);grid-area:peers;align-self:center;align-items:center;gap:.4rem;font-size:11px;font-weight:500;display:inline-flex}.cc-network-peers .dot{width:.45rem;height:.45rem;box-shadow:none}.cc-network-items{grid-template-columns:1fr 1fr;gap:.35rem .6rem;margin:0;padding:.5rem .6rem;list-style:none;display:grid}.cc-network-items li{align-items:center;gap:.5rem;min-width:0;height:2.5rem;display:flex}.cc-legend{z-index:5;border:1px solid var(--border);max-width:calc(100% - 7rem);color:var(--muted-foreground);background:#1b1c20eb;border-radius:8px;flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:.45rem .75rem;font-size:11.5px;list-style:none;display:flex;position:absolute;bottom:1rem;left:1rem}.cc-legend li{align-items:center;gap:.45rem;display:inline-flex}.cc-line{border-top:2px dashed var(--cc-allowed);vertical-align:middle;flex:none;width:1.6rem;height:0;display:inline-block}.cc-line-unenforced{border-top:2px dotted var(--cc-unenforced)}.cc-line-denied{border-top:2px dashed var(--cc-denied)}.cc-line-inactive{border-top:2px dotted var(--cc-inactive)}.cc-canvas:has(.react-flow__minimap) .cc-legend{max-width:calc(100% - 22rem);left:14.5rem}.cc-empty{z-index:4;text-align:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;justify-items:center;gap:.4rem;width:min(26rem,100% - 2rem);padding:1rem 1.25rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cc-empty p{color:var(--gray-300);margin:0}.cc-panel{z-index:8;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;gap:.6rem;width:min(23rem,100% - 2rem);padding:1rem 1.1rem;display:flex;position:absolute;top:4.5rem;bottom:1rem;right:1rem;overflow:auto;box-shadow:0 24px 60px #00000073}.cc-panel-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.cc-panel-head h2{overflow-wrap:anywhere;font-size:16px}.cc-panel-head h2:focus{outline:none}.cc-panel-kind{margin:-.4rem 0 0;font-size:12px}.cc-details{gap:.55rem;margin:0;display:grid}.cc-details div{gap:.1rem;display:grid}.cc-details dt{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}.cc-details dd{overflow-wrap:anywhere;margin:0;font-size:13px}.cc-panel-sub{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-top:.4rem;font-size:12px}.cc-panel-paths{color:var(--gray-300);gap:.4rem;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.cc-panel-paths li{align-items:baseline;gap:.5rem;display:flex}.cc-list{flex:1;padding:5rem 1.5rem 2rem;overflow:auto}.cc-list>ul{gap:.75rem;max-width:60rem;margin:0;padding:0;list-style:none;display:grid}.cc-list>ul>li{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}.cc-list ul ul{color:var(--gray-300);gap:.3rem;margin:.5rem 0 0;padding:0;font-size:13px;list-style:none;display:grid}.cc-list-empty{padding:5rem 1.5rem}.cc-error{margin:1.5rem}@media (max-width:1024px){.overview{grid-template-columns:1fr}}@media (max-width:800px){:root{--topbar-height:56px}.shell,.shell[data-collapsed=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.topbar{gap:.35rem;padding:0 .6rem}.topbar-menu{display:inline-flex}.topbar-collapse{display:none}.wordmark{font-size:1.15rem}.org-text,.org-chevron{display:none}.sidebar{z-index:35;top:var(--topbar-height);visibility:hidden;width:min(18rem,85vw);height:auto;transition:transform var(--motion), visibility var(--motion);position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000080}.shell[data-drawer=open] .sidebar{visibility:visible;transform:none}.shell[data-drawer=open] .drawer-backdrop{inset:var(--topbar-height) 0 0 0;z-index:34;background:#0000008c;display:block;position:fixed}.shell[data-collapsed=true] .side-label,.shell[data-collapsed=true] .side-chevron,.shell[data-collapsed=true] .region-text,.shell[data-collapsed=true] .sidebar-privacy{display:revert}.shell[data-collapsed=true] .side-link{justify-content:flex-start;padding-inline:.7rem}.main{padding:1.25rem 1rem 2.5rem}.main-bleed{height:calc(100dvh - var(--topbar-height));padding:0}.auth-screen{grid-template-columns:1fr}.auth-brand-col{display:none}.details div{grid-template-columns:1fr;gap:.15rem}.device-table{min-width:0}.device-table thead{display:none}.device-table tr.device-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:.35rem .75rem;padding:.9rem .15rem;display:grid}.device-table tr.device-row td{border:0;padding:0;display:block}.device-table tr.device-row td:first-child{grid-column:1}.device-table tr.device-row td:nth-child(4){grid-area:1/2;justify-self:end}.device-table tr.device-row td:nth-child(2),.device-table tr.device-row td:nth-child(3),.device-table tr.device-row td:nth-child(5){grid-column:1/-1}.device-table tr.device-details-row,.device-table tr.device-details-row td{width:100%;display:block}.device-address .mono{white-space:normal}.cc-toolbar{gap:.45rem;inset:.6rem .6rem auto}.cc-tabs{flex:100%}.cc-tab{flex:1;padding-inline:.4rem}.picker,.picker-trigger{flex:auto;width:100%;min-width:0;max-width:none}.picker{flex-basis:60%}.cc-toolbar-end{margin-left:0}.cc-meta,.cc-canvas .react-flow__minimap{display:none}.cc-legend{gap:.25rem .7rem;max-width:calc(100% - 4.5rem);font-size:10.5px;bottom:.6rem;left:.6rem}.cc-canvas:has(.react-flow__minimap) .cc-legend{gap:.25rem .7rem;max-width:calc(100% - 4.5rem);font-size:10.5px;bottom:.6rem;left:.6rem}.cc-panel{width:auto;max-height:60%;inset:auto .5rem .5rem}.cc-list{padding-top:8.5rem;padding-inline:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.traffic-header{gap:.75rem;display:grid}.traffic-stats{flex-wrap:wrap;gap:.5rem 2rem;margin:0;display:flex}.traffic-stats div{gap:.1rem;display:grid}.traffic-stats dt{color:var(--muted-foreground);font-size:12px}.traffic-stats dd{margin:0;font-weight:600}.traffic-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.traffic-search,.traffic-field{align-items:center;display:flex;position:relative}.traffic-search{flex:18rem;min-width:0}.traffic-search>svg,.traffic-field>svg{color:var(--muted-foreground);pointer-events:none;position:absolute;left:.7rem}.traffic-search input,.traffic-field svg+select{padding-left:2.1rem}.traffic-field{flex:0 auto}.traffic-field select{min-width:10rem}.traffic-toolbar .button,.traffic-toolbar summary.button{align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.traffic-actions{flex-wrap:wrap;gap:.5rem;display:flex}.traffic-popover{position:relative}.traffic-popover>summary{list-style:none}@media (min-width:801px){.traffic-popover .traffic-popover-body{left:auto;right:0}}.traffic-popover>summary::-webkit-details-marker{display:none}.traffic-popover-body{z-index:20;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:10px;gap:.75rem;width:min(22rem,100vw - 2rem);padding:1rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 12px 32px #00000073}.traffic-popover-body fieldset{border:0;gap:.5rem;margin:0;padding:0;display:grid}.traffic-popover-body legend{margin-bottom:.35rem;font-size:.95rem}.traffic-table{min-width:60rem}.traffic-table th{text-transform:uppercase;white-space:nowrap}.traffic-table td{padding:.85rem .6rem}.traffic-time time{white-space:nowrap;gap:.1rem;font-size:13px;display:grid}.traffic-event{width:26%;min-width:15rem;max-width:24rem}.traffic-hint{display:inline-block}.traffic-table td.traffic-time,.traffic-table td:last-child{width:1%}.traffic-details>summary{cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:start;gap:.6rem;list-style:none;display:grid}.traffic-details>summary::-webkit-details-marker{display:none}.traffic-summary{gap:.2rem;line-height:1.4;display:grid}.traffic-summary .badge{justify-self:start}.traffic-status{color:var(--muted-foreground);font-size:12px}.traffic-sentence strong,.traffic-timeline strong{color:var(--foreground);font-weight:650}.traffic-sentence span,.traffic-timeline p span{color:var(--muted-foreground)}.traffic-chevron{color:var(--muted-foreground);transition:transform var(--motion);margin-top:.15rem}.traffic-details[open] .traffic-chevron{transform:rotate(180deg)}.traffic-dot{background:var(--success);border-radius:999px;flex:none;width:.55rem;height:.55rem;margin-top:.4rem;display:inline-block}.traffic-dot.blocked{background:var(--destructive)}.traffic-dot.closed{background:var(--muted-foreground)}.traffic-timeline{margin:.85rem 0 .25rem .22rem;padding:0;list-style:none;display:grid}.traffic-step{border-left:2px solid #89965a8c;padding:0 0 .9rem 1.25rem;position:relative}.traffic-step.blocked{border-left-color:#c85a4b99}.traffic-step:before{content:"";background:var(--success);border-radius:999px;width:.7rem;height:.7rem;position:absolute;top:.2rem;left:-.4rem}.traffic-step.blocked:before{background:var(--destructive)}.traffic-step.meta{border-left-color:#0000;padding-bottom:0}.traffic-step.meta:before{display:none}.traffic-step time{font-size:12px}.traffic-step p{margin:.15rem 0 0}.traffic-facts{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.4rem 1rem;margin:0;font-size:12px;display:grid}.traffic-facts dt{color:var(--muted-foreground)}.traffic-facts dd{margin:0}.traffic-endpoint{align-items:center;gap:.6rem;min-width:0;display:flex}.traffic-icon{background:var(--secondary);border:1px solid var(--border);width:2.2rem;height:2.2rem;color:var(--secondary-foreground);border-radius:8px;flex:none;place-items:center;display:inline-grid}.traffic-endpoint-text{min-width:0;display:grid}.traffic-name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;color:var(--foreground);font-weight:600;overflow:hidden}a.traffic-name:hover{color:var(--primary-hover)}.traffic-address{word-break:normal;white-space:nowrap;font-size:12px}.traffic-chips{flex-wrap:wrap;gap:.35rem;display:inline-flex}.traffic-chip{border:1px solid var(--border-strong);background:var(--secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:12px;font-weight:600;display:inline-flex}.traffic-bytes{white-space:nowrap;gap:.15rem;font-size:13px;display:grid}.traffic-bytes span{align-items:center;gap:.3rem;display:inline-flex}.traffic-rx{color:var(--info)}.traffic-tx{color:var(--primary)}.traffic-router{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.traffic-router .traffic-dot{margin-top:0}.traffic-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (max-width:800px){.traffic-table{min-width:0}.traffic-table thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.traffic-table,.traffic-table tbody,.traffic-table td{width:100%;display:block}.traffic-table tr{border-bottom:1px solid var(--border-strong);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem .75rem;padding:.9rem .25rem;display:grid}.traffic-table td{border-bottom:0;min-width:0;padding:0}.traffic-table td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.25rem;font-size:11px;display:block}.traffic-table td.traffic-event,.traffic-table td.traffic-time{grid-column:1/-1}.traffic-table td.traffic-event{max-width:none}.traffic-name{max-width:9rem}.traffic-search,.traffic-field,.traffic-field select{flex:100%;min-width:0}.traffic-action-text{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.traffic-chevron{transition:none}}