@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap";:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;font-synthesis:none;--bg: #06111b;--surface: #091724;--surface-2: #0c1c2a;--surface-3: #102334;--border: #20394b;--border-soft: #172d3d;--text: #e8f0f6;--muted: #8196a8;--dim: #5f7689;--blue: #238cff;--blue-bright: #40a6ff;--green: #4ad477;--amber: #ff9f23;--red: #f05a52;--sidebar-width: 164px;--rail-width: 358px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:auto;scrollbar-color:#294254 #06111b;scrollbar-width:thin}button,input,select{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline:2px solid var(--blue-bright);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);height:max(100vh,980px);height:max(100dvh,980px);min-width:1180px;background:#07131f}.login-shell{align-items:center;background:radial-gradient(circle at 30% 20%,rgba(35,140,255,.2),transparent 35%),radial-gradient(circle at 72% 70%,rgba(74,212,119,.12),transparent 32%),#06111b;display:flex;min-height:100vh;justify-content:center;padding:24px}.login-card{background:#091724eb;border:1px solid #27465d;border-radius:14px;box-shadow:0 28px 90px #0000006b;display:grid;gap:14px;max-width:420px;padding:30px;width:100%}.login-brand{color:var(--blue-bright);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-card h1{font-size:28px;line-height:1.1;margin:0}.login-card p{color:#a5b6c5;font-size:13px;line-height:1.55;margin:0}.login-card label{color:#aebdca;display:grid;font-size:11px;gap:7px}.login-card input{background:#07131f;border:1px solid #345064;border-radius:6px;color:var(--text);height:42px;padding:0 12px}.login-button,.secondary-action{border-radius:4px;border:1px solid #345064;height:33px;padding:0 12px}.login-button{background:#1479e9;border-color:#3aa4ff;color:#fff;font-weight:650;height:42px}.login-button:disabled{cursor:not-allowed;opacity:.55}.login-card small{color:#758b9d;font-size:10px;line-height:1.4}.login-error{background:#2b1619;border:1px solid #7f343b;border-radius:6px;color:#ff9ca2;font-size:11px;padding:9px 10px}.sidebar{background:#07131f;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;grid-row:1 / 3;min-width:0}.brand{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border-soft);color:#fff;display:flex;font-size:14px;font-weight:650;gap:8px;height:50px;padding:0 16px;white-space:nowrap}.brand svg{color:var(--blue-bright)}.nav-list{display:flex;flex-direction:column;gap:4px;padding:10px 7px}.nav-item{align-items:center;background:transparent;border:0;border-left:2px solid transparent;border-radius:3px;color:#a9b8c5;display:grid;font-size:12px;gap:11px;grid-template-columns:22px 1fr auto;height:42px;padding:0 12px;text-align:left;transition:.14s ease}.nav-item:hover{background:#0d2030;color:var(--text)}.nav-item.is-active{background:#102b42;border-left-color:var(--blue);color:#ecf6ff}.nav-item.is-active svg{color:var(--blue-bright)}.nav-badge{align-items:center;background:#e94f49;border-radius:50%;color:#fff;display:inline-flex;font-size:9px;height:17px;justify-content:center;width:17px}.sidebar-profile{align-items:center;border-top:1px solid var(--border-soft);display:grid;gap:9px;grid-template-columns:32px 1fr auto;margin-top:auto;min-height:62px;padding:10px 12px}.avatar{align-items:center;background:#2867c5;border-radius:50%;display:flex;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:11px}.sidebar-profile small{color:var(--muted);font-size:9px;margin-top:3px}.profile-chevron{color:var(--muted)}.topbar{align-items:center;background:#06111b;border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:minmax(240px,340px) 1fr auto;min-width:0;padding:0 16px}.global-search{align-items:center;background:#081522;border:1px solid #263c4d;border-radius:5px;color:var(--muted);display:flex;gap:8px;height:31px;padding:0 10px}.global-search input{background:transparent;border:0;color:var(--text);font-size:11px;min-width:0;outline:0;width:100%}kbd{background:#0e1d2a;border:1px solid #263c4d;border-radius:3px;color:#a4b4c1;font-size:8px;padding:2px 4px;white-space:nowrap}.topbar-status{align-items:center;color:#d7e1e8;display:flex;font-size:11px;gap:14px;justify-content:center}.topbar-status i{background:var(--border);height:17px;width:1px}.agents-online{align-items:center;color:#abbac5;display:flex;gap:5px}.agents-online i{background:var(--green);border-radius:50%;height:6px;width:6px}.agents-online strong{color:var(--green);font-weight:600}.api-online,.api-offline{border-radius:999px;font-size:9px;padding:3px 7px}.api-online{background:#0d2d24;color:#82e7a0}.api-offline{background:#2b2112;color:#ffc76d}.topbar-actions{align-items:center;display:flex;gap:8px}.icon-button{align-items:center;background:transparent;border:0;color:#b6c4ce;display:flex;height:30px;justify-content:center;position:relative;width:30px}.notification span{align-items:center;background:var(--red);border:2px solid var(--bg);border-radius:50%;color:#fff;display:flex;font-size:7px;height:13px;justify-content:center;position:absolute;right:0;top:1px;width:13px}.primary-action{align-items:center;background:#1479e9;border:1px solid #3398ff;border-radius:4px;display:flex;font-size:11px;gap:8px;height:33px;padding:0 12px}.secondary-action{background:#0a1925;color:#aebec9;font-size:10px}.location-action{align-items:center;display:flex;gap:6px}.primary-action svg:last-child{margin-left:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);min-height:0;overflow:hidden}.primary-column{display:grid;grid-template-rows:minmax(315px,41.5vh) minmax(255px,32.5vh) minmax(150px,1fr);min-width:0;overflow:hidden}.right-rail{border-left:1px solid var(--border);display:grid;grid-template-rows:minmax(468px,59%) minmax(320px,41%);min-height:0;overflow:hidden}.topology-panel,.device-table-panel,.analytics-panel,.inspector,.ai-panel{background:#081521}.topology-panel{border-bottom:1px solid var(--border);min-height:0;overflow:hidden;position:relative}.section-heading{align-items:center;display:flex;height:42px;padding:0 14px}.section-heading h1{font-size:12px;font-weight:600;margin:0}.section-info{align-items:center;border:1px solid #718597;border-radius:50%;color:#aebdca;display:flex;font-size:8px;height:12px;justify-content:center;margin-left:7px;width:12px}.section-tools{display:flex;gap:4px;margin-left:auto}.section-tools button{align-items:center;background:#0a1a27;border:1px solid var(--border);border-radius:4px;color:#aebdca;display:flex;font-size:9px;gap:5px;height:28px;padding:0 9px}.topology-canvas{background-color:#071522;background-image:radial-gradient(#20394b .6px,transparent .6px);background-size:17px 17px;height:calc(100% - 42px);overflow:hidden;position:relative}.zoom-controls{background:#0a1a27;border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;left:14px;overflow:hidden;position:absolute;top:8px;z-index:4}.zoom-controls button,.zoom-controls span{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border);color:#b7c6d1;display:flex;font-size:8px;height:25px;justify-content:center;width:27px}.zoom-controls span{border:0}.control-plane{align-items:center;display:flex;gap:8px;left:50%;position:absolute;top:2px;transform:translate(-50%);z-index:3}.cloud-icon{align-items:center;background:#1f3546;border:1px solid #526a7d;border-radius:50%;color:#e8f2f9;display:flex;height:47px;justify-content:center;width:55px}.control-plane strong,.control-plane small{display:block;white-space:nowrap}.control-plane strong{font-size:9px}.control-plane small{color:#879aaa;font-size:7px;margin-top:3px}.agent-links{height:95px;left:50%;position:absolute;top:38px;transform:translate(-50%);width:70%}.agent-link{border-top:2px dashed #229ee9;display:block;height:1px;left:50%;opacity:.8;position:absolute;top:0;transform-origin:left;width:39%}.link-left{transform:rotate(160deg)}.link-center{transform:rotate(90deg);width:64px}.link-right{transform:rotate(20deg)}.sites-grid{display:grid;gap:3%;grid-template-columns:repeat(3,1fr);height:100%;margin:auto;max-width:830px;padding:76px 20px 8px 52px;transform:scale(var(--topology-scale));transform-origin:50% 20%;transition:transform .18s ease}.site-cluster{background:#0a1b28c7;border:1px solid #264357;border-radius:6px;color:var(--text);min-width:0;padding:0 10px 8px;position:relative;text-align:left}.site-cluster:hover,.site-cluster.is-selected{border-color:#248fee;box-shadow:inset 0 0 0 1px #1c5f96}.site-cluster.is-warning{border-color:#a94b39}.site-agent{align-items:center;display:flex;font-size:7px;gap:4px;left:50%;position:absolute;top:-27px;transform:translate(-50%);white-space:nowrap}.site-agent svg{color:#d4e3ed}.site-agent strong{color:var(--green);font-weight:500}.site-heading{align-items:flex-start;display:flex;gap:6px;justify-content:center;padding-top:8px;text-align:center}.site-heading strong,.site-heading small{display:block}.site-heading strong{font-size:10.5px}.site-heading small{color:var(--muted);font-size:7.5px;margin-top:2px}.status-dot{background:var(--green);border-radius:50%;height:7px;margin-top:3px;width:7px}.status-dot.warning{background:var(--amber)}.site-warning{align-items:center;color:var(--amber);display:flex;font-size:7px;justify-content:center;margin-top:4px;text-align:center}.topology-tree{height:calc(100% - 37px);min-height:135px;position:relative}.node{align-items:center;color:#d7e5ee;display:flex;flex-direction:column;font-size:7.5px;gap:2px;position:relative;text-align:center;z-index:2}.node svg{color:#d5e4ef}.firewall-node{color:#dfeaf0;margin:7px auto 0;width:max-content}.firewall-node svg{color:#8bc5ff}.tree-line{background:var(--green);box-shadow:0 0 4px #4ad47766;position:absolute}.is-warning .tree-line{background:var(--amber);box-shadow:0 0 4px #ff9f2366}.tree-line.top{height:19px;left:50%;top:-10px;width:1px}.tree-line.mid{height:25px;left:50%;top:45px;width:1px}.tree-line.horizontal{height:1px;left:25%;top:69px;width:50%}.branch-row{display:flex;justify-content:space-around;margin-top:32px}.endpoint-row{display:flex;gap:5px;justify-content:center;margin-top:16px}.endpoint{align-items:center;color:#cbd9e2;display:flex;flex-direction:column;max-width:40px;min-width:29px;text-align:center}.endpoint svg{color:#bdccd7}.endpoint small{font-size:6.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.device-table-panel{border-bottom:1px solid var(--border);min-height:0;overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:6px;height:39px;padding:0 12px}.table-toolbar label{align-items:center;background:#07131f;border:1px solid #294254;border-radius:4px;color:var(--muted);display:flex;gap:6px;height:26px;padding:0 8px;width:170px}.table-toolbar input{background:transparent;border:0;font-size:9px;min-width:0;outline:0;width:100%}.table-toolbar button{background:#0a1824;border:1px solid #243c4e;border-radius:3px;color:#9cafbd;font-size:8px;height:26px;padding:0 10px}.table-toolbar button.is-active{background:#0f3451;border-color:#1d86dd;color:#e5f3ff}.table-toolbar .filter-icon{padding:0;width:28px}.table-refresh{align-items:center;color:#7f94a5;display:flex;font-size:8px;gap:4px;margin-left:auto}.device-table-scroll{height:calc(100% - 64px);overflow:auto;scrollbar-color:#294254 transparent;scrollbar-width:thin}table{border-collapse:collapse;font-size:8.5px;table-layout:fixed;width:100%}thead{background:#091825;color:#9fb0bd;position:sticky;top:0;z-index:2}th{font-weight:500;height:27px;text-align:left}td{border-top:1px solid #182d3d;color:#aebdca;height:24px;overflow:hidden;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}th:first-child,td:first-child{padding-left:13px;width:15%}th:nth-child(2){width:16%}th:nth-child(3){width:11%}th:nth-child(4){width:12%}th:nth-child(5){width:12%}th:nth-child(6){width:13%}th:nth-child(7){width:13%}th:nth-child(8){width:9%}tbody tr{background:#081521;cursor:pointer}tbody tr:hover{background:#0c2232}tbody tr.is-selected{background:#0d2d46;box-shadow:inset 0 1px #278ee3,inset 0 -1px #278ee3}td:first-child{align-items:center;color:#e1ebf2;display:flex;gap:7px}td:first-child svg{color:#b9cbd8;flex:none}.table-status{align-items:center;display:flex;gap:5px}.table-status i{background:var(--green);border-radius:50%;height:6px;width:6px}.table-status.warning{color:var(--amber)}.table-status.warning i{background:var(--amber)}.metric-cell{align-items:center;display:grid;gap:7px;grid-template-columns:50px 1fr}.metric-cell i,.site-throughput i{background:#1b3343;display:block;height:4px;overflow:hidden}.metric-cell b,.site-throughput b{background:var(--blue-bright);display:block;height:100%}.metric-cell b.green,.site-throughput i.green b{background:var(--green)}.pagination{align-items:center;color:#869bab;display:flex;font-size:8px;gap:4px;height:25px;justify-content:center}.pagination button{background:transparent;border:0;border-radius:2px;color:#8fa2b1;font-size:8px;height:18px;width:18px}.pagination button.is-active{background:#163e60;color:#fff}.analytics-panel{display:grid;grid-template-columns:1.45fr 1fr 1.1fr;min-height:0;overflow:hidden}.analytics-panel>div{border-right:1px solid var(--border);min-width:0;padding:11px 12px 5px}.analytics-panel>div:last-child{border-right:0}.subheading{align-items:center;display:flex;gap:9px;min-height:22px}.subheading strong,.balance-chart>strong,.site-throughput>strong{font-size:9px;font-weight:600}.subheading strong small{color:var(--muted);font-weight:400}.subheading>span{align-items:center;color:#8095a5;display:flex;font-size:7px;gap:4px;margin-left:auto}.legend{background:var(--blue);height:2px;margin-left:5px;width:12px}.legend.green{background:var(--green)}.subheading button{background:#0a1925;border:1px solid var(--border);border-radius:3px;color:#9db0be;font-size:7px;height:23px}.balance-content{align-items:center;display:flex;height:calc(100% - 18px)}.donut-wrap{height:118px;position:relative;width:118px}.donut-wrap>span{color:#9eb0bd;font-size:7px;left:50%;position:absolute;text-align:center;top:43px;transform:translate(-50%)}.donut-wrap>span strong{color:#fff;display:block;font-size:18px}.balance-legend{flex:1;min-width:0}.balance-legend>div{align-items:flex-start;display:grid;font-size:7px;gap:5px;grid-template-columns:7px 1fr auto;margin:12px 0}.balance-legend i{border-radius:1px;height:7px;margin-top:2px;width:7px}.balance-legend small{color:var(--muted);display:block;margin-top:2px}.balance-legend strong{font-size:8px}.throughput-head,.site-throughput>div:not(.throughput-head){align-items:center;display:grid;font-size:7px;gap:8px;grid-template-columns:1.2fr 1fr 1fr}.throughput-head{color:#6e8495;margin:14px 0 6px}.site-throughput>div:not(.throughput-head){border-bottom:1px solid #162b3a;color:#b2c0ca;min-height:23px}.site-throughput .warning-row{color:var(--amber)!important}.site-throughput span:nth-child(n+2){font-size:7px;white-space:nowrap}.site-throughput i{display:inline-block;margin-left:5px;vertical-align:middle;width:35px}.inspector{border-bottom:1px solid var(--border);min-height:0;overflow:hidden}.inspector-title{align-items:center;display:flex;height:42px;justify-content:space-between;padding:0 12px}.inspector-title>div{align-items:center;display:flex;gap:9px}.inspector-title strong{font-size:12px}.inspector-title button,.ai-title button{background:transparent;border:0;color:#9aafbd}.status-pill{align-items:center;border:1px solid #2e5b43;border-radius:3px;color:var(--green);display:flex;font-size:7px;gap:3px;padding:3px 6px}.status-pill i{background:currentColor;border-radius:50%;height:5px;width:5px}.status-pill.warning{border-color:#754f25;color:var(--amber)}.tabs{border-bottom:1px solid var(--border);display:flex;height:32px;padding:0 12px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#8ea2b2;font-size:8px;margin-right:20px;padding:0}.tabs button.is-active{border-bottom-color:var(--blue);color:#54adff}.device-details{border-bottom:1px solid var(--border);margin:0;padding:10px 13px 8px}.device-details>div{display:grid;font-size:8.5px;grid-template-columns:40% 60%;line-height:1.55}.device-details dt{color:#889cac}.device-details dd{color:#d2dee6;margin:0}.device-details .vault{align-items:center;color:#dce8ef;display:flex;gap:4px}.device-details .vault svg,.device-details .vault small{color:var(--green)}.mini-metrics{border-bottom:1px solid var(--border);display:grid;grid-template-columns:49% 51%;padding:7px 13px}.mini-metrics>div{align-items:center;display:flex;font-size:8px;justify-content:space-between;min-height:24px}.mini-metrics span{color:#8da0af}.mini-metrics strong{color:#d6e3eb;font-size:9px;font-weight:500}.warning-text{color:var(--amber)!important}.sparkline-static{gap:3px;justify-content:flex-end!important;padding-right:7px}.sparkline-static i{background:var(--amber);height:1px;transform:rotate(-16deg);width:13px}.sparkline-static i:nth-child(2n){transform:rotate(19deg)}.events{border-bottom:1px solid var(--border);padding:6px 13px}.events .subheading{justify-content:space-between}.events button{background:transparent;border:0;color:#3ea3ff;font-size:7px}.event-row{align-items:center;display:grid;font-size:7.5px;gap:6px;grid-template-columns:7px 1fr auto;min-height:19px}.event-row time{color:#8498a7}.event-dot{background:var(--blue);border-radius:50%;height:6px;width:6px}.event-dot.warning{background:var(--amber)}.event-dot.success{background:var(--green)}.quick-actions{padding:8px 12px}.quick-actions>strong{display:block;font-size:9px;margin-bottom:7px}.quick-actions>div{display:grid;gap:5px;grid-template-columns:1fr 1fr 1.2fr}.quick-actions button{align-items:center;background:#0a1925;border:1px solid #294153;border-radius:3px;color:#aebec9;display:flex;font-size:7px;gap:5px;height:25px;justify-content:center}.quick-actions button:nth-child(4){grid-column:1 / 3}.tab-placeholder{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:7px;height:290px;justify-content:center;padding:25px;text-align:center}.tab-placeholder strong{color:var(--text);font-size:12px}.tab-placeholder span{font-size:9px}.ai-panel{display:grid;grid-template-rows:37px 182px minmax(130px,1fr) 38px;min-height:0;overflow:hidden}.ai-title{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:0 12px}.ai-title>span{align-items:center;display:flex;font-size:9px;gap:6px}.ai-title svg{color:var(--blue-bright)}.ai-conversation{min-height:0;overflow-y:auto;padding:8px 10px 4px}.user-message{background:#10263a;border:1px solid #294457;border-radius:4px;font-size:8px;line-height:1.45;margin-left:20px;padding:7px 9px}.agent-message{display:grid;font-size:7.5px;gap:7px;grid-template-columns:22px 1fr;line-height:1.4;margin-top:9px}.agent-message>svg{color:var(--blue-bright);margin-top:2px}.agent-message p{margin:0 0 5px}.agent-message small{color:#8ea2b1;display:block;font-size:7px}.diagnostic-facts{color:#95a8b6;font-size:6.5px;line-height:1.45;margin:6px 0 0;padding-left:13px}.ai-result{align-items:center;background:#0c2a21;border:1px solid #225942;border-radius:4px;color:#7ee5a2;display:flex;font-size:7px;gap:6px;margin-top:7px;padding:6px 8px}.ai-actions{border-top:1px solid var(--border);padding:6px 10px}.ai-actions>span{color:#42a7ff;display:block;font-size:8px;margin-bottom:5px}.ai-actions>span small{color:#8296a6}.ai-actions>div{display:grid;gap:4px;grid-template-columns:1fr 1fr}.ai-actions button{align-items:center;background:#0a1926;border:1px solid #286a9d;border-radius:3px;display:grid;gap:5px;grid-template-columns:18px 1fr 12px;min-height:37px;padding:5px 6px;text-align:left}.ai-actions button:hover{background:#0d2940}.ai-actions button>svg{color:#8bcaff}.ai-actions button strong,.ai-actions button small{display:block}.ai-actions button strong{font-size:7px;font-weight:550}.ai-actions button small{color:#8ca0af;font-size:6px;margin-top:2px}.ai-actions>p{align-items:center;color:var(--amber);display:flex;font-size:7px;gap:5px;margin:6px 0 0}.ai-input{align-items:center;border-top:1px solid var(--border);display:flex;padding:5px 9px}.ai-input input{background:#0a1926;border:1px solid #294153;border-radius:3px 0 0 3px;font-size:8px;height:27px;min-width:0;outline:0;padding:0 8px;width:100%}.ai-input button{background:#126fca;border:0;border-radius:0 3px 3px 0;color:#fff;height:27px;width:30px}.modal-backdrop{align-items:flex-start;background:#01080ec7;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow:auto;padding:18px;position:fixed;z-index:20}.confirm-dialog{background:#0b1b28;border:1px solid #36536a;border-radius:7px;box-shadow:0 24px 80px #0000007a;margin:auto 0;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);max-width:460px;overflow:auto;padding:24px;position:relative;width:calc(100% - 32px)}.confirm-icon{align-items:center;background:#10304a;border-radius:7px;color:#52b2ff;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.dialog-close{background:transparent;border:0;color:#9caeba;position:absolute;right:14px;top:14px}.confirm-dialog h2{font-size:18px;margin:0 0 10px}.confirm-dialog>p{color:#9eb0bd;font-size:12px;line-height:1.55;margin:0 0 15px}.confirm-dialog>p strong{color:#e6f0f6}.dialog-summary{background:#08151f;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;gap:9px;padding:12px}.dialog-summary span{align-items:center;color:#aec0cc;display:flex;font-size:10px;gap:7px}.dialog-summary svg{color:var(--green)}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.dialog-actions button{background:#101f2c;border:1px solid #345064;border-radius:4px;color:#c6d3dc;font-size:11px;height:34px;padding:0 14px}.dialog-actions .confirm-button{background:#1479e9;border-color:#3aa4ff;color:#fff}.dialog-actions .confirm-button:disabled{cursor:not-allowed;opacity:.55}.scan-dialog label{color:#91a5b4;display:block;font-size:10px;margin-top:12px}.scan-dialog select,.location-dialog input,.location-dialog select,.location-dialog textarea{background:#08151f;border:1px solid #365166;border-radius:4px;display:block;font-size:11px;height:37px;margin-top:5px;padding:0 9px;width:100%}.location-dialog{max-width:640px}.dialog-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.dialog-grid label{color:#91a5b4;display:block;font-size:10px}.dialog-grid label:nth-child(3),.dialog-grid label:nth-child(4){grid-column:span 2}.location-dialog input,.location-dialog select{margin-top:5px}.generated-token{background:#07131f;border:1px solid #2d5067;border-radius:6px;display:grid;gap:10px;margin-top:15px;padding:13px}.generated-token strong{color:#e8f4fb;font-size:11px}.package-download{align-items:center;background:#143556;border:1px solid #3788c7;border-radius:4px;color:#e6f5ff;display:inline-flex;font-size:10px;font-weight:650;gap:7px;height:32px;justify-content:center;max-width:230px;padding:0 11px;text-decoration:none}.package-download:hover{background:#18466f;border-color:#52adf0}.install-steps{background:#0b1b28;border:1px solid #263f52;border-radius:5px;color:#aabdca;font-size:10px;line-height:1.55;margin:0;padding:9px 12px 9px 27px}.generated-token code{background:#0c2130;border:1px solid #31526a;border-radius:4px;color:#9ed3ff;display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere;padding:9px}.generated-token textarea{color:#c5d7e3;height:76px;line-height:1.45;padding:8px;resize:vertical}.generated-token small{color:#8da1af;font-size:10px;line-height:1.45}.copy-actions{display:flex;flex-wrap:wrap;gap:8px}.copy-actions button{align-items:center;background:#10263a;border:1px solid #33556b;border-radius:4px;color:#c6d9e5;display:flex;font-size:10px;gap:6px;height:31px;padding:0 10px}.agents-workspace{background:#07131f;display:grid;gap:0;grid-template-columns:minmax(0,1fr) 390px;min-height:0;overflow:hidden}.agents-main{display:grid;gap:14px;grid-template-rows:auto auto minmax(420px,1fr);min-width:0;overflow:auto;padding:18px;scrollbar-color:#294254 transparent;scrollbar-width:thin}.agents-hero{align-items:flex-start;background:radial-gradient(circle at 10% 10%,rgba(35,140,255,.16),transparent 38%),#0a1825;border:1px solid #234055;border-radius:10px;display:flex;gap:18px;justify-content:space-between;min-width:0;padding:18px}.eyebrow{color:#53b4ff;display:block;font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.agents-hero h1{font-size:22px;line-height:1.18;margin:0}.agents-hero p{color:#9eb0bd;font-size:12px;line-height:1.55;margin:10px 0 0;max-width:690px}.agents-hero-actions{align-items:center;display:flex;flex:none;gap:8px}.package-link{align-items:center;display:inline-flex;gap:6px;justify-content:center;text-decoration:none}.agent-stats-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.agent-stat-card{background:#081722;border:1px solid #223b4f;border-radius:8px;display:grid;gap:6px;min-height:92px;padding:13px}.agent-stat-card>span{align-items:center;background:#10283e;border-radius:6px;color:#56b7ff;display:flex;height:31px;justify-content:center;width:31px}.agent-stat-card small{color:#8da0af;font-size:9px}.agent-stat-card strong{color:#eef7ff;font-size:20px;line-height:1}.agent-stat-card.healthy>span{background:#0d2d24;color:#78e59b}.agent-stat-card.warning>span{background:#2d2110;color:#ffc36b}.agents-table-panel,.agent-detail-panel{background:#081521;border:1px solid #20394b;border-radius:9px;min-width:0;overflow:hidden}.agents-table-panel{display:grid;grid-template-rows:42px minmax(0,1fr)}.agents-table-toolbar{align-items:center;border-bottom:1px solid #20394b;display:flex;gap:8px;padding:0 12px}.agents-table-toolbar label{align-items:center;background:#07131f;border:1px solid #294254;border-radius:4px;color:var(--muted);display:flex;gap:7px;height:29px;max-width:330px;padding:0 9px;width:40%}.agents-table-toolbar input{background:transparent;border:0;color:var(--text);font-size:10px;min-width:0;outline:0;width:100%}.agents-table-toolbar button{align-items:center;background:#0a1925;border:1px solid #294254;border-radius:4px;color:#b9c9d5;display:flex;font-size:10px;gap:6px;height:29px;margin-left:auto;padding:0 10px}.agents-table-scroll{overflow:auto;scrollbar-color:#294254 transparent;scrollbar-width:thin}.agents-table th:first-child,.agents-table td:first-child{padding-left:13px;width:24%}.agents-table th:nth-child(2){width:18%}.agents-table th:nth-child(3){width:18%}.agents-table th:nth-child(4){width:10%}.agents-table th:nth-child(5){width:15%}.agents-table th:nth-child(6){width:15%}.agents-table td{height:43px}.agents-table td:first-child span{display:block;min-width:0}.agents-table td:first-child small,.agents-table td:nth-child(5) small{color:#7f94a5;display:block;font-size:7px;margin-top:3px}.agent-status{align-items:center;border:1px solid #314b5f;border-radius:999px;color:#93a8b8;display:inline-flex;font-size:8px;gap:4px;padding:3px 7px;white-space:nowrap}.agent-status i{background:currentColor;border-radius:50%;height:6px;width:6px}.agent-status.online{border-color:#2e6b4e;color:#7ee6a0}.agent-status.offline{border-color:#65412f;color:#ffc16b}.agent-detail-panel{border-bottom:0;border-radius:0;border-top:0;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:16px;scrollbar-color:#294254 transparent;scrollbar-width:thin}.agent-detail-heading{align-items:center;display:grid;gap:12px;grid-template-columns:48px 1fr}.agent-avatar{align-items:center;background:#10304a;border-radius:12px;color:#58b7ff;display:flex;height:48px;justify-content:center;width:48px}.agent-detail-heading h2{font-size:15px;margin:0 0 6px}.agent-details{background:#07131f;border:1px solid #21394b;border-radius:7px;margin:0;padding:10px}.agent-details>div{display:grid;font-size:10px;gap:10px;grid-template-columns:42% 58%;line-height:1.45;min-height:25px}.agent-details dt{color:#8397a7}.agent-details dd{color:#dae8f1;margin:0;overflow-wrap:anywhere}.agent-details small{color:#7f94a5}.agent-capabilities,.agent-actions-card,.agent-token-card,.agent-commands-card{background:#07131f;border:1px solid #21394b;border-radius:7px;display:grid;gap:10px;padding:12px}.agent-capabilities>strong,.agent-actions-card>strong,.agent-token-card strong,.agent-commands-card>strong{font-size:11px}.agent-capabilities>div{display:flex;flex-wrap:wrap;gap:6px}.agent-capabilities span{align-items:center;background:#0d2d24;border:1px solid #235d42;border-radius:999px;color:#91e7ad;display:inline-flex;font-size:8px;gap:4px;padding:5px 7px}.agent-actions-grid{display:grid;gap:7px;grid-template-columns:1fr 1fr}.agent-actions-grid button,.agent-actions-grid a,.agent-token-card .confirm-button,.agent-token-result button{align-items:center;background:#0d2233;border:1px solid #31536b;border-radius:4px;color:#c7d9e5;display:flex;font-size:9px;gap:6px;height:31px;justify-content:center;padding:0 9px;text-decoration:none}.agent-actions-grid button:disabled,.agent-token-card .confirm-button:disabled{cursor:not-allowed;opacity:.55}.agent-token-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.agent-token-head select{background:#08151f;border:1px solid #365166;border-radius:4px;font-size:10px;height:28px;padding:0 8px}.agent-token-card p{color:#8fa4b3;font-size:10px;line-height:1.45;margin:0}.agent-token-card .confirm-button{background:#1479e9;border-color:#3aa4ff;color:#fff;width:max-content}.agent-token-result{display:grid;gap:8px}.agent-token-result small{color:#ffc16b;font-size:9px}.agent-token-result code{background:#0c2130;border:1px solid #31526a;border-radius:4px;color:#9ed3ff;display:block;font-size:9px;line-height:1.45;overflow-wrap:anywhere;padding:8px}.agent-token-result>div{display:flex;flex-wrap:wrap;gap:7px}.agent-token-result textarea{background:#08151f;border:1px solid #365166;border-radius:4px;color:#c5d7e3;font-size:9px;height:82px;line-height:1.45;padding:8px;resize:vertical;width:100%}.agent-command-row{align-items:center;border-bottom:1px solid #172d3d;display:flex;font-size:9px;justify-content:space-between;min-height:27px}.agent-command-row small{color:#7fc4ff}.agent-command-empty{align-items:center;color:#8fa4b3;display:flex;font-size:9px;gap:6px}.agent-detail-tabs{background:#07131f;border:1px solid #21394b;border-radius:7px;display:grid;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px}.agent-detail-tabs button{background:transparent;border:0;border-radius:5px;color:#8fa4b3;cursor:pointer;font-size:9px;height:29px}.agent-detail-tabs button.is-active{background:#12314b;color:#eaf6ff}.agent-tab-panel{display:grid;gap:10px}.agent-panel-headline{align-items:center;background:#07131f;border:1px solid #21394b;border-radius:7px;display:flex;justify-content:space-between;padding:10px}.agent-panel-headline strong{font-size:11px}.agent-panel-headline button,.agent-install-actions a,.agent-install-actions button{align-items:center;background:#0d2233;border:1px solid #31536b;border-radius:4px;color:#c7d9e5;display:flex;font-size:9px;gap:6px;height:29px;justify-content:center;padding:0 9px;text-decoration:none}.agent-panel-headline button:disabled{cursor:not-allowed;opacity:.55}.agent-metrics-card,.agent-install-card,.agent-log-list,.agent-command-list{background:#07131f;border:1px solid #21394b;border-radius:7px;display:grid;gap:10px;padding:12px}.agent-metrics-card>strong,.agent-install-card>strong{font-size:11px}.agent-metrics-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.agent-metrics-grid span{background:#0a1925;border:1px solid #20394b;border-radius:5px;display:grid;gap:5px;padding:9px}.agent-metrics-grid small,.agent-log-row small,.agent-command-row.expanded small,.agent-install-card p{color:#8fa4b3;font-size:9px;line-height:1.45}.agent-metrics-grid b{color:#eef7ff;font-size:13px}.activity-error,.activity-loading{border-radius:5px;font-size:9px;line-height:1.45;padding:8px 10px}.activity-error{background:#3b1116;border:1px solid #8f3c45;color:#ffabb2}.activity-loading{background:#0d2233;border:1px solid #31536b;color:#9ed3ff}.agent-log-row,.agent-command-row.expanded{align-items:flex-start;border-bottom:1px solid #172d3d;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding-bottom:10px}.agent-log-row:last-child,.agent-command-row.expanded:last-child{border-bottom:0;padding-bottom:0}.agent-log-row strong,.agent-command-row.expanded strong{color:#edf7ff;display:block;font-size:10px;line-height:1.4}.agent-log-row time{color:#7fc4ff;font-size:8px;white-space:nowrap}.agent-command-row.expanded p{color:#b9cad6;font-size:9px;line-height:1.45;margin:7px 0 0;overflow-wrap:anywhere}.command-status{border:1px solid #31536b;border-radius:999px;color:#9ed3ff;font-size:8px;padding:4px 7px;white-space:nowrap}.command-status.completed{border-color:#2e6b4e;color:#85e7a4}.command-status.failed,.command-status.rejected,.command-status.expired{border-color:#8f3c45;color:#ffabb2}.command-status.queued,.command-status.running,.command-status.dispatched{border-color:#6a5328;color:#ffc86f}.agent-install-card p{margin:0}.agent-install-card code{background:#0c2130;border:1px solid #31526a;border-radius:4px;color:#9ed3ff;font-size:9px;line-height:1.45;overflow-wrap:anywhere;padding:8px}.agent-install-actions{display:flex;flex-wrap:wrap;gap:7px}.settings-workspace{background:#07131f;min-height:0;overflow:auto;padding:18px}.settings-main{display:grid;gap:14px}.settings-hero{align-items:center;background:radial-gradient(circle at 12% 12%,rgba(40,180,120,.15),transparent 38%),#0a1825;border:1px solid #234055;border-radius:10px;display:grid;gap:16px;grid-template-columns:54px minmax(0,1fr) auto;padding:18px}.settings-icon{align-items:center;background:#0d2d24;border-radius:13px;color:#78e59b;display:flex;height:54px;justify-content:center;width:54px}.settings-hero h1{font-size:22px;line-height:1.18;margin:0}.settings-hero p{color:#9eb0bd;font-size:12px;line-height:1.55;margin:10px 0 0;max-width:760px}.settings-hero button,.vault-form-card .confirm-button{align-items:center;background:#0d2233;border:1px solid #31536b;border-radius:5px;color:#c7d9e5;display:flex;font-size:10px;gap:7px;height:34px;justify-content:center;padding:0 12px}.vault-layout{display:grid;gap:14px;grid-template-columns:390px minmax(0,1fr)}.vault-form-card,.vault-list-card{background:#081521;border:1px solid #20394b;border-radius:9px;display:grid;gap:12px;padding:14px}.vault-form-card strong,.vault-list-head strong{font-size:12px}.vault-form-card small,.vault-list-head small{color:#8fa4b3;display:block;font-size:9px;line-height:1.45;margin-top:4px}.vault-form-card label{color:#90a5b5;display:grid;font-size:9px;gap:6px}.vault-form-card input,.vault-form-card select,.vault-form-card textarea{background:#07131f;border:1px solid #294254;border-radius:5px;color:#eaf4fb;font-size:10px;min-height:34px;outline:0;padding:0 10px}.vault-form-card textarea{line-height:1.45;min-height:72px;padding:9px 10px;resize:vertical}.vault-form-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.vault-safety-note{align-items:flex-start;background:#0d2d24;border:1px solid #235d42;border-radius:6px;color:#a8edbb;display:flex;font-size:9px;gap:8px;line-height:1.45;padding:9px}.vault-agent-note{align-items:flex-start;background:#0c2131;border:1px solid #244961;border-radius:6px;color:#b6d9f2;display:flex;font-size:9px;gap:8px;line-height:1.45;padding:9px}.vault-form-card .confirm-button{background:#1479e9;border-color:#3aa4ff;color:#fff;width:max-content}.vault-form-card .confirm-button:disabled{cursor:not-allowed;opacity:.55}.vault-list-card{align-content:start}.vault-list-head{align-items:center;display:flex;justify-content:space-between}.vault-list-head span{align-items:center;border:1px solid #235d42;border-radius:999px;color:#91e7ad;display:inline-flex;font-size:9px;gap:5px;padding:5px 8px}.vault-table-wrap{overflow:auto}.vault-table{border-collapse:collapse;min-width:940px;width:100%}.vault-table th,.vault-table td{border-bottom:1px solid #172d3d;font-size:9px;height:42px;padding:0 9px;text-align:left}.vault-table th{color:#82a0b5;font-weight:500}.vault-table td{color:#d9e8f2}.vault-table td strong,.vault-table td small{display:block}.vault-table td small{color:#7f94a5;font-size:8px;margin-top:3px}.vault-copy-button{align-items:center;background:#0d2233;border:1px solid #31536b;border-radius:5px;color:#c8dded;cursor:pointer;display:inline-flex;font-size:9px;gap:5px;height:28px;padding:0 8px}.vault-copy-button:hover{border-color:#3aa4ff;color:#fff}.vault-command-preview{background:#07131f;border:1px solid #20394b;border-radius:4px;color:#8fb8d7;display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px;margin-top:6px;max-width:280px;overflow:hidden;padding:5px 6px;text-overflow:ellipsis;white-space:nowrap}.vault-empty{align-items:center;color:#8fa4b3;display:flex;flex-direction:column;gap:9px;justify-content:center;min-height:240px;text-align:center}.vault-empty strong{color:#e8f0f6;font-size:14px}.vault-empty span{font-size:10px}.agents-empty-state{align-items:center;color:#8fa4b3;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:280px;padding:28px;text-align:center}.agents-empty-state strong{color:#e8f0f6;font-size:14px}.agents-empty-state span{font-size:10px;line-height:1.5;max-width:320px}.agents-empty-state.compact{min-height:100%}.toast,.scan-progress{align-items:center;background:#102a22;border:1px solid #2b6c50;border-radius:5px;bottom:18px;box-shadow:0 12px 30px #00000059;color:#91e7ad;display:flex;font-size:10px;gap:7px;left:calc(50% + var(--sidebar-width) / 2 - var(--rail-width) / 2);padding:9px 12px;position:fixed;transform:translate(-50%);z-index:30}.scan-progress{background:#10283d;border-color:#276a9d;color:#9dd3ff}.scan-progress svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1240px){:root{--sidebar-width: 68px;--rail-width: 330px}.brand{justify-content:center;padding:0}.brand span,.nav-item span,.sidebar-profile>span:not(.avatar),.profile-chevron{display:none}.nav-item{display:flex;justify-content:center;padding:0}.nav-badge{position:absolute;right:8px}.nav-item{position:relative}.sidebar-profile{display:flex;justify-content:center;padding:8px}.agents-workspace{grid-template-columns:minmax(0,1fr);overflow:auto}.agent-detail-panel{border-left:1px solid #20394b;border-top:1px solid #20394b;display:grid;grid-template-columns:1fr 1fr}.agent-detail-heading,.agent-detail-tabs,.agent-tab-panel,.agent-token-card,.agent-commands-card{grid-column:span 2}}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;min-width:720px}.workspace{grid-template-columns:1fr;overflow:visible}.primary-column{grid-template-rows:420px 330px 180px}.right-rail{border-left:0;grid-template-columns:1fr 1fr;grid-template-rows:520px}.agents-hero,.agents-hero-actions{align-items:stretch;flex-direction:column}.agent-stats-grid,.agent-detail-panel{grid-template-columns:1fr}.agent-detail-heading,.agent-detail-tabs,.agent-tab-panel,.agent-token-card,.agent-commands-card{grid-column:span 1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.scan-progress svg{animation:none}}