@font-face{font-family:Inter;src:url("./assets/inter-latin.woff2?v=2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#1e2229;--surface:#14171d;--panel:#16191f;--line:rgba(237,233,220,.1);--text:#e9e5d9;--muted:#a0a3aa;--faint:#727681;--accent:#83c9b8;--cream:#eeeadb;--header:76px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
body{overflow:hidden;font-size:13px}
button,input,a{font:inherit}
button,a{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
button:disabled{opacity:.4;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button:hover,a:hover{color:#fff}
svg.lucide{width:18px;height:18px;stroke-width:1.55;flex-shrink:0}
.skip-link{position:fixed;left:18px;top:-80px;padding:12px;background:var(--cream);color:#15171c;z-index:100}
.skip-link:focus{top:10px}
.topbar{height:var(--header);display:flex;align-items:center;gap:22px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(21,24,30,.93);z-index:20;position:relative}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.brand>svg{width:28px;height:28px;color:var(--accent)}
.brand>span{font-size:15px;font-weight:600;letter-spacing:-.4px}
.brand-sub{display:block;font-size:8px;font-weight:500;letter-spacing:3.5px;color:var(--muted);margin-top:3px}
.search-wrap{position:relative;display:flex;align-items:center;gap:8px;width:250px;background:#0f1218;border:1px solid var(--line);padding:8px 10px;border-radius:7px}
.search-wrap>svg{width:14px;height:14px;color:var(--faint)}
.search-wrap input{border:0;background:none;color:var(--text);width:100%;outline:0;font-size:11px;min-width:0}
.search-wrap input::placeholder{color:#80848e}
.search-wrap kbd{font-size:10px;color:var(--faint);border:1px solid var(--line);border-radius:3px;padding:0 4px}
.search-results{position:absolute;top:44px;left:0;width:360px;max-height:440px;overflow:auto;background:#11141a;border:1px solid #444750;box-shadow:0 20px 50px #0008;border-radius:8px;padding:6px;z-index:60}
.search-results button{display:flex;width:100%;padding:12px 10px;gap:12px;text-align:left;align-items:center;border-radius:5px}
.search-results button:hover,.search-results button:focus{background:#252a32}
.search-results strong{font-size:12px;font-weight:500;display:block}
.search-results small{color:var(--muted);font-size:10px;display:block;margin-top:4px}
.search-empty{padding:18px;color:var(--muted);line-height:1.8}
.view-tabs{display:flex;gap:3px;border:1px solid var(--line);background:#0e1117;border-radius:7px;padding:4px;position:absolute;left:50%;transform:translateX(-50%)}
.view-tabs a{display:flex;align-items:center;justify-content:center;padding:9px 15px;font-size:9px;letter-spacing:1.7px;font-weight:600;border-radius:4px;color:#989da8;gap:6px}
.view-tabs a>svg{display:none}
.view-tabs a[aria-current=page]{background:var(--cream);color:#24252a;box-shadow:0 1px 4px #0005}
.top-right{margin-left:auto;display:flex;align-items:center;gap:18px}
.demo-badge{font-size:9px;letter-spacing:1px;color:#bdc3c1;display:flex;align-items:center;gap:7px;white-space:nowrap}
.demo-badge>span{width:5px;height:5px;background:var(--accent);border-radius:50%}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--muted);border:1px solid var(--line);border-radius:6px}
.icon-button:hover{background:#ffffff09;border-color:#ffffff40}
#workspace{position:relative;height:calc(100dvh - var(--header));outline:0}
.view{height:100%;position:relative}
.map-view{background-color:#1e2229;background-image:radial-gradient(#ffffff0c .65px,transparent .65px);background-size:14px 14px;overflow:hidden}
.map-heading{position:absolute;top:28px;left:32px;z-index:2;pointer-events:none}
.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;color:var(--muted)}
.map-heading h1{font:normal 21px Georgia,serif;letter-spacing:.4px;margin:10px 0 7px}
.map-heading p{font-size:11px;color:#9a9ea7;margin:0;line-height:1.8}
.map-breadcrumb{position:absolute;top:27px;left:32px;z-index:4;display:none;align-items:center;gap:12px}
.map-breadcrumb button{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.map-breadcrumb svg{width:13px;height:13px}
.map-breadcrumb span{color:#d5a07a;font-size:9px;letter-spacing:1px}
.map-view.focused .map-heading{display:none}
.map-view.focused .map-breadcrumb{display:flex}
#map-viewport{position:absolute;inset:0;touch-action:none;cursor:grab;overflow:hidden}
#map-viewport.dragging{cursor:grabbing}
#map-world{position:absolute;width:1600px;height:1000px;transform-origin:0 0;will-change:transform}
#network-canvas{position:absolute;inset:0;width:1600px;height:1000px}
#map-nodes{position:absolute;inset:0;pointer-events:none}
.map-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;transform:translate(-50%,-50%);padding:0}
.map-node .node-circle{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s,box-shadow .2s}
.map-node:hover .node-circle,.map-node:focus-visible .node-circle{transform:scale(1.14);box-shadow:0 0 0 7px #eeeade12}
.map-node.agent{width:72px;height:72px;z-index:2}
.map-node.agent .node-circle{width:35px;height:35px;background:var(--cream);color:#323640;box-shadow:0 3px 16px #0003}
.map-node.agent svg{width:17px;height:17px}
.map-node.agent .node-name{font-size:9px;width:120px;position:absolute;top:60px;left:50%;transform:translateX(-50%);color:#c3c4c8;line-height:1.4;opacity:0;transition:opacity .2s;text-align:center}
.map-node.agent:hover .node-name,.map-node.agent:focus-visible .node-name,.focused .map-node.agent .node-name{opacity:1}
.map-node.department{width:58px;height:58px;z-index:3}
.map-node.department .node-circle{width:43px;height:43px;border:1px solid var(--dept);color:var(--dept);background:#202730;box-shadow:0 0 16px color-mix(in srgb,var(--dept) 15%,transparent)}
.map-node.department svg{width:19px;height:19px}
.map-node.department .node-name{position:absolute;white-space:nowrap;color:var(--text);font:normal 17px Georgia,serif;letter-spacing:3px}
.map-node.department .node-caption{font:9px Inter,sans-serif;letter-spacing:.3px;color:#9ea1aa;display:block;margin-top:10px;text-align:center}
.map-node.skill{width:22px;height:22px;z-index:1}
.map-node.skill .node-circle{width:7px;height:7px;background:#d7d5cd;border:1px solid #bfbfb655}
.map-node.skill .node-name{position:absolute;top:24px;white-space:nowrap;font-size:10px;background:#101318ed;padding:5px 8px;border:1px solid var(--line);border-radius:4px;opacity:0;pointer-events:none}
.map-node.skill:hover .node-name,.map-node.skill:focus-visible .node-name{opacity:1}
.map-node.core{width:170px;height:170px;z-index:4}
.map-node.core .core-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#e9e5d9;background:#272d37b8;border:1px solid #e9e5d933;border-radius:50%;box-shadow:0 0 28px #a4cabd20}
.map-node.core svg{width:23px;height:23px}
.map-node.core .node-name{font-size:10px;letter-spacing:2px;margin-top:15px}
.map-node.core .node-caption{font-size:8px;letter-spacing:.5px;color:var(--muted);margin-top:6px}
.focused .map-node.agent .node-circle{width:66px;height:66px}
.focused .map-node.agent svg{width:27px;height:27px}
.focused .map-node.agent .node-name{top:77px;font-size:12px;width:180px}
.focused .map-node.department .node-circle{width:90px;height:90px}
.focused .map-node.department svg{width:32px;height:32px}
.focused .map-node.skill{width:210px;height:60px;padding:10px;gap:9px;flex-direction:row;justify-content:flex-start;background:#151a22b8;border:1px solid #eae6da20;border-radius:6px}
.focused .map-node.skill .node-circle{width:25px;height:25px;background:var(--cream);color:#292d34;flex-shrink:0}
.focused .map-node.skill svg{width:14px;height:14px}
.focused .map-node.skill .node-name{position:static;opacity:1;background:none;padding:0;border:0;font-size:11px;white-space:normal;text-align:left;line-height:1.5}
.focused .map-node.skill:hover{border-color:#eeeadd88;background:#242b35}
.mobile-departments{display:none}
.map-status{position:absolute;right:30px;top:35px;display:flex;align-items:center;gap:9px;color:#a2a8b2;font-size:9px;letter-spacing:.9px;z-index:2}
.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}
.divider{color:#5d626e}
.map-footer{position:absolute;inset:auto 28px 20px;display:flex;align-items:center;justify-content:space-between;z-index:6;pointer-events:none}
.legend{display:flex;gap:19px;font-size:10px;color:#a2a7b1}
.legend span{display:flex;align-items:center;gap:7px}
.legend b{width:6px;height:6px;border-radius:50%;display:block}
.legend-agent{background:var(--cream)}
.legend-skill{border:1px solid #a3a6ae}
.legend-pulse{background:#d5a07a}
.map-tip{font-size:10px;color:#9399a4;letter-spacing:.2px}
.map-controls{display:flex;align-items:center;background:#11151bed;border:1px solid var(--line);border-radius:6px;pointer-events:auto;box-shadow:0 4px 12px #0003}
.map-controls button{display:flex;align-items:center;justify-content:center;min-width:37px;height:32px;color:#a5abb7}
.map-controls button:hover{color:var(--cream);background:#ffffff07}
.map-controls button svg{width:13px;height:13px}
#zoom-label{font-size:9px;width:42px}
.department-panel{position:absolute;top:85px;left:28px;bottom:78px;width:286px;overflow:auto;background:#11151bea;border:1px solid #ffffff13;border-radius:9px;padding:22px;z-index:7;box-shadow:0 18px 50px #0005}
.department-panel .eyebrow{font-size:8px;line-height:1.6}
.department-panel h2{font:normal 24px Georgia,serif;margin:15px 0 8px}
.department-panel p{color:var(--muted);font-size:11px;line-height:1.9}
.department-panel .dept-stat{display:flex;padding:17px 0;border-block:1px solid var(--line);margin:24px 0;gap:23px}
.dept-stat strong{font-size:22px;font-weight:500;display:block}
.dept-stat small{display:block;color:var(--muted);font-size:9px;margin-top:5px}
.dept-agent{display:flex;gap:10px;align-items:center;padding:10px 0;width:100%;text-align:left}
.dept-agent strong{font-size:10px;font-weight:500;display:block}
.dept-agent small{font-size:9px;color:var(--muted);display:block;margin-top:4px}
.dept-agent>svg{width:15px;height:15px}
.dept-workflow{font-size:11px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);line-height:1.8}
.dept-workflow strong{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:500;display:block;margin-bottom:8px}
.text-button{display:flex;align-items:center;gap:8px;font-size:10px;padding:10px 0;color:var(--cream)}
.text-button svg{width:14px;height:14px}
.dashboards-view{background:#0b0e14;background-image:radial-gradient(#ffffff0d .6px,transparent .6px);background-size:60px 60px;overflow:auto}
#dashboard-gallery{height:100%;min-height:600px;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.gallery-heading{text-align:center;padding-top:65px;z-index:3}
.gallery-heading h1{font:normal 37px Georgia,serif;letter-spacing:1px;margin:15px 0 12px}
.gallery-heading p{font-size:12px;color:#a1a5af}
.carousel-stage{position:relative;width:100%;height:360px;margin-top:48px;perspective:1200px}
.dashboard-card{position:absolute;top:0;left:50%;width:510px;height:318px;padding:0;border:1px solid #ffffff1f;border-radius:11px;background:#11151be8;overflow:hidden;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .5s,border-color .3s;cursor:pointer;text-align:left;box-shadow:0 24px 70px #0004}
.dashboard-card[data-active=true]{border-color:var(--dept);box-shadow:0 0 0 4px color-mix(in srgb,var(--dept) 8%,transparent),0 30px 80px #0008}
.dashboard-card:hover[data-active=true]{box-shadow:0 0 0 5px color-mix(in srgb,var(--dept) 16%,transparent),0 30px 80px #0008}
.mini-dashboard{padding:18px;height:250px;background:#13181f}
.mini-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;margin-bottom:13px}
.mini-title span{color:var(--muted);font-size:8px;font-weight:400}
.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mini-metrics>div{background:#1b2028;border:1px solid var(--line);padding:9px 8px;border-radius:4px}
.mini-metrics small{display:block;color:var(--muted);font-size:7px;margin-bottom:6px}
.mini-metrics strong{font-size:15px;font-weight:500}
.mini-charts{display:grid;grid-template-columns:1.8fr 1fr;gap:9px;margin-top:12px}
.mini-chart{height:135px;border:1px solid var(--line);border-radius:4px;position:relative;overflow:hidden;padding:10px 10px 0}
.mini-chart>span{font-size:7px;color:#a6adb5}
.mini-chart .trend-chart{height:95px;width:100%;margin-top:9px}
.mini-bars{padding:11px;border:1px solid var(--line);border-radius:4px}
.mini-bars h4{font-size:8px;font-weight:500;margin:0 0 12px}
.mini-bar{display:flex;gap:6px;align-items:center;margin:10px 0;color:var(--muted);font-size:7px}
.mini-bar span{width:32px}
.mini-bar b{display:block;height:3px;border-radius:2px;background:var(--dept);opacity:.8}
.card-caption{height:66px;padding:13px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}
.card-caption>svg{color:var(--dept);width:21px;height:21px}
.card-caption strong{font:normal 15px Georgia,serif;letter-spacing:1.2px;display:block}
.card-caption small{font-size:9px;color:#a4a9b3;display:block;margin-top:6px}
.card-caption .card-arrow{margin-left:auto;color:var(--text);width:16px}
.orbit{position:absolute;top:310px;left:50%;width:700px;height:60px;border:1px solid #ffffff08;border-radius:50%;transform:translateX(-50%);pointer-events:none}
.carousel-nav{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:8px;z-index:10}
.carousel-arrow{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:#b9bec8}
.carousel-arrow:hover{background:#ffffff09;border-color:#eeeade60}
.carousel-dots{display:flex;gap:12px}
.carousel-dots button{width:20px;height:24px;display:grid;place-items:center;padding:0}
.carousel-dots button::after{content:"";display:block;width:4px;height:4px;background:#626774;border-radius:50%;transition:background .2s,transform .2s}
.carousel-dots button[aria-current=true]::after{background:var(--cream);transform:scale(1.5)}
.carousel-instruction{font-size:8px;letter-spacing:2px;color:#949aa6;margin:23px 0 30px;text-align:center}
#dashboard-detail{max-width:1240px;margin:auto;padding:27px 36px 34px}
.back-button{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;letter-spacing:1.2px;padding:6px 0;margin-bottom:28px}
.back-button svg{width:14px;height:14px}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}
.dashboard-heading h1{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px;display:flex;gap:13px;align-items:center}
.dashboard-heading h1>svg{width:23px;height:23px;color:var(--dept)}
.dashboard-heading p{font-size:11px;color:var(--muted);margin:0}
.range-tabs{display:flex;background:#151920;border:1px solid var(--line);border-radius:5px;padding:3px;gap:3px;flex-shrink:0}
.range-tabs button{padding:7px 13px;font-size:10px;border-radius:3px;color:#9fa4ad}
.range-tabs button[aria-pressed=true]{color:var(--cream);background:#303640}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:13px}
.metric{padding:16px;background:#13181d;border:1px solid var(--line);border-radius:7px;min-width:0}
.metric-label{color:#a1a7af;font-size:10px;display:flex;gap:6px;align-items:center}
.metric-label svg{width:12px;height:12px}
.metric-value{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:13px 0 8px}
.metric-foot{font-size:9px;color:#8e97a2;display:flex;align-items:center;justify-content:space-between;gap:5px}
.metric-foot .positive{color:#87b8a8}
.dashboard-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:13px}
.panel{border:1px solid var(--line);background:#11161c;border-radius:7px;padding:20px}
.panel-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin:0 0 7px}
.panel-title svg{width:14px;height:14px;color:var(--dept)}
.panel-subtitle{font-size:10px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.main-chart{height:335px;display:flex;align-items:flex-end;position:relative}
.main-chart .trend-chart{width:100%;height:100%;overflow:visible}
.chart-series-legend{display:flex;gap:18px;font-size:9px;color:#b2b7c0;margin-top:14px}
.chart-series-legend span{display:flex;gap:6px;align-items:center}
.chart-series-legend b{height:5px;width:5px;display:block;border-radius:1px}
.chart-series-legend span:first-child b{background:var(--dept)}
.chart-series-legend span:last-child b{background:#939aa7}
.agent-list{margin-top:12px}
.agent-line{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}
.agent-line button{text-align:left;max-width:150px}
.agent-line strong{font-size:10px;font-weight:400;display:block}
.agent-line small{font-size:8px;color:var(--muted);display:block;margin-top:4px}
.agent-line .run-count{font-size:11px;font-variant-numeric:tabular-nums}
.agent-line .run-count small{font-size:8px;text-align:right;margin-top:4px}
.review-progress{margin:24px 0 8px;display:flex;justify-content:space-between;font-size:10px}
.progress-track{height:4px;background:#252a32;border-radius:3px;overflow:hidden}
.progress-track span{height:100%;display:block;background:var(--dept)}
.signals-panel{margin-top:13px}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:17px}
.signal{display:flex;gap:9px;align-items:flex-start;font-size:10px;line-height:1.8;color:#b9bdc5}
.signal svg{width:13px;height:13px;color:var(--dept);margin-top:3px}
.signal strong{color:var(--text);font-weight:500}
.dashboard-bottom{margin-top:22px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.dashboard-bottom>span{color:#949ba6;font-size:9px}
.dashboard-bottom button{border:1px solid var(--line);padding:9px 12px;border-radius:5px;display:flex;align-items:center;gap:8px;font-size:10px}
.dashboard-bottom svg{width:13px;height:13px}
.chart-view{background:#171b22;overflow:auto}
.department-tabs{display:flex;gap:10px;padding:14px 32px 0;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin;min-height:55px}
.department-tabs button{padding:0 14px 13px;white-space:nowrap;color:#a3a8b2;font-size:11px;position:relative;flex-shrink:0}
.department-tabs button[aria-pressed=true]{color:var(--text)}
.department-tabs button[aria-pressed=true]::after{content:"";height:2px;position:absolute;bottom:0;left:14px;right:14px;background:var(--dept)}
.chart-content{padding:26px 32px 24px;max-width:1500px;margin:auto}
.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.chart-heading .eyebrow{font-size:8px}
.chart-heading h1{font-size:22px;font-weight:500;letter-spacing:-.4px;margin:9px 0 8px}
.chart-heading p{color:var(--muted);font-size:10px;margin:0}
.autonomy-legend{display:flex;gap:18px;padding-top:28px;font-size:9px;color:#a4a9b2}
.autonomy-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.autonomy-legend b{width:13px;height:8px;border:1px solid #ffffff18;display:block;border-radius:2px}
.autonomy-legend b[data-level="0"]{background:#171b22}
.autonomy-legend b[data-level="1"]{background:#262a34}
.autonomy-legend b[data-level="2"]{background:#080b10}
.matrix-scroll{overflow:auto;scrollbar-width:thin}
.matrix{display:grid;grid-template-columns:190px repeat(4,minmax(190px,1fr));gap:9px;min-width:1040px}
.stage-spacer{display:flex;align-items:center;font-size:9px;letter-spacing:1.2px;color:#8c929d;line-height:1.8;padding:0 16px}
.stage-heading{background:#10141a;border:1px solid var(--line);border-radius:6px;min-height:76px;padding:15px;display:flex;gap:11px}
.stage-number{width:19px;height:19px;border-radius:4px;display:grid;place-items:center;background:var(--cream);color:#30333b;font-size:10px;flex-shrink:0}
.stage-heading strong{font-size:12px;font-weight:500;display:block}
.stage-heading small{font-size:9px;color:var(--muted);display:block;margin-top:7px;line-height:1.5}
.stage-line{height:2px;width:60px;background:#444954;margin-top:10px}
.mode-heading{border:1px solid var(--line);border-radius:7px;padding:21px 16px;display:flex;flex-direction:column;background:#1b2028;align-self:stretch}
.mode-heading>svg{width:22px;height:22px;padding:4px;background:#ffffff06;border:1px solid #ffffff13;box-sizing:content-box;border-radius:6px;margin-bottom:16px}
.mode-heading strong{font-size:12px;font-weight:500;line-height:1.7}
.mode-heading small{font-size:9px;color:#aaaeb7;line-height:1.8;margin-top:5px}
.mode-heading .mode-count{margin-top:16px;font-size:10px;color:#d6d8db}
.mode-count b{font-size:9px;border-radius:7px;padding:2px 6px;background:var(--cream);color:#272a30;margin-right:5px}
.matrix-cell{padding:10px;border:1px solid #ffffff07;border-radius:6px;display:flex;flex-direction:column;gap:10px;min-height:148px}
.matrix-cell[data-mode="0"]{background:#12171d}
.matrix-cell[data-mode="1"]{background:#242830}
.matrix-cell[data-mode="2"]{background:repeating-linear-gradient(45deg,#0c1016 0px,#0c1016 8px,#10151c 8px,#10151c 16px)}
.job-card{display:flex;align-items:center;gap:10px;padding:12px 11px;background:#191e26;border:1px solid #ffffff16;border-radius:6px;text-align:left;transition:background .2s,border-color .2s;width:100%}
.job-card:hover{border-color:var(--dept);background:#2a3039}
.job-card>svg:first-child{width:16px;height:16px;color:#c9ccd3}
.job-card>span{flex:1;min-width:0}
.job-card strong{font-size:11px;font-weight:500;line-height:1.55;display:block}
.job-card small{display:flex;gap:5px;align-items:center;font-size:8px;color:#a8adb7;line-height:1.6;margin-top:6px}
.job-card .card-chevron{width:12px;height:12px;color:#7e8694}
.small-dots{display:flex;gap:2px}
.small-dots b{width:3px;height:3px;border-radius:50%;background:#707886}
.empty-cell{display:flex;align-items:center;justify-content:center;flex:1;color:#68717f;font-size:9px;letter-spacing:.3px}
.chart-note{display:flex;align-items:center;gap:8px;font-size:9px;color:#a6adb7;margin-top:20px;line-height:1.7}
.chart-note svg{width:13px;height:13px;flex-shrink:0}
.drawer-backdrop{position:fixed;inset:var(--header) 0 0;background:#0008;backdrop-filter:blur(2px);z-index:30}
.skill-drawer{position:fixed;top:var(--header);right:0;bottom:0;width:405px;padding:26px;background:#14171d;z-index:31;border-left:1px solid #e9e5d922;box-shadow:-25px 0 80px #0005;overflow:auto;animation:drawer-in .25s ease}
.skill-drawer.map-drawer{left:28px;top:calc(var(--header) + 82px);bottom:70px;right:auto;width:330px;border:1px solid #e9e5d922;border-radius:8px;background:#12161bf5;box-shadow:0 20px 50px #0006}
.drawer-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}
.drawer-head>svg{width:32px;height:32px;padding:7px;background:#222833;border-radius:7px;box-sizing:content-box}
.drawer-head .eyebrow{font-size:8px;letter-spacing:1.5px}
.drawer-head h2{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.4px;margin:8px 0 0}
.drawer-head .icon-button{margin-left:auto;width:25px;height:25px;flex-shrink:0}
.drawer-head .icon-button>svg{width:13px;height:13px}
.drawer-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.tag{font-size:8px;border:1px solid var(--line);border-radius:4px;padding:5px 7px;color:#c7ccd3;display:inline-flex;gap:5px;align-items:center}
.tag>svg{width:10px;height:10px}
.tag-autonomy{color:var(--dept);border-color:color-mix(in srgb,var(--dept) 35%,transparent)}
.drawer-section{padding:20px 0;border-top:1px solid var(--line)}
.drawer-section h3{font-size:8px;font-weight:500;letter-spacing:1.9px;color:#9aa1ae;margin:0 0 12px}
.drawer-section p{font-size:11px;line-height:1.9;margin:0;color:#c2c7d0}
.io-row{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px;background:#1b2028;border:1px solid var(--line);border-radius:5px}
.io-row>svg{width:14px;height:14px;color:var(--dept);margin-top:2px}
.io-row small{font-size:8px;letter-spacing:1px;color:#9ea6b4;display:block;margin-bottom:6px}
.io-row strong{font-size:10px;font-weight:400;line-height:1.8;display:block}
.ladder{position:relative;padding-left:20px;border-left:1px solid #ffffff18;margin-left:4px}
.ladder-item{position:relative;margin-bottom:18px}
.ladder-item::before{content:"";position:absolute;left:-24px;top:5px;width:6px;height:6px;background:#535c6b;border-radius:50%;border:1px solid #14171d;box-shadow:0 0 0 3px #14171d}
.ladder-item.current::before{background:var(--dept)}
.ladder-item strong{font-size:8px;letter-spacing:1px;color:#8d96a5;display:block;margin-bottom:7px;font-weight:500}
.ladder-item.current strong{color:var(--text)}
.ladder-item p{font-size:10px;line-height:1.7;color:#a9b1bd}
.skill-file{background:#0e1218;border:1px solid var(--line);padding:14px;border-radius:6px}
.skill-file .file-title{font-size:11px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.skill-file .file-title>svg{width:13px;height:13px;color:var(--dept)}
.skill-file p{font-size:9px;color:#9da6b3;margin-bottom:13px;line-height:1.8}
.file-actions{display:flex;gap:8px}
.file-actions button{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:7px 11px;display:flex;align-items:center;gap:6px}
.file-actions button>svg{width:11px;height:11px}
.file-actions button:last-child{background:var(--cream);color:#23262d}
.tool-tags{display:flex;flex-wrap:wrap;gap:6px}
.drawer-connections{display:flex;flex-direction:column;gap:6px}
.drawer-connections button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid var(--line);border-radius:4px;font-size:10px;text-align:left}
.drawer-connections button>svg{width:13px;height:13px;color:var(--muted)}
.template-preview{max-height:240px;overflow:auto;padding:12px;font-size:10px;line-height:1.8;color:#bac4cc;background:#090d12;border:1px solid var(--line);border-radius:5px;white-space:pre-wrap;margin-top:12px;word-break:break-word}
.drawer-note{font-size:9px;line-height:1.8;color:#9da5b3;padding:15px 0 5px;border-top:1px solid var(--line)}
#guide-dialog{color:var(--text);width:500px;max-width:calc(100vw - 30px);padding:35px;background:#171c24;border:1px solid #eae6dc30;border-radius:12px;box-shadow:0 30px 120px #000b}
#guide-dialog::backdrop{background:#080b12c9;backdrop-filter:blur(8px)}
.dialog-close{position:absolute;right:16px;top:16px}
#guide-dialog h2{font:normal 25px Georgia,serif;line-height:1.6;margin:17px 0 25px}
.guide-step{display:flex;gap:16px;margin:23px 0}
.guide-step>svg{width:21px;height:21px;color:var(--accent);margin-top:1px}
.guide-step strong{font-size:12px;font-weight:500}
.guide-step p{font-size:11px;line-height:1.9;color:#aeb6c2;margin:8px 0 0}
.guide-disclaimer{color:#9ba5b3;font-size:10px;line-height:1.9;margin:28px 0 22px;border-top:1px solid var(--line);padding-top:20px}
.primary-button{display:inline-flex;gap:10px;align-items:center;background:var(--cream);color:#262a32;font-size:11px;padding:11px 16px;border-radius:5px}
.primary-button:hover{background:white;color:#111}
.primary-button svg{width:13px;height:13px}
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#303b40;color:#e8f2ed;border:1px solid #99c3ae55;box-shadow:0 12px 40px #0005;border-radius:7px;padding:13px 18px;font-size:11px;z-index:70;max-width:calc(100vw - 30px)}
@keyframes drawer-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.map-heading{top:36px;left:42px}.gallery-heading{padding-top:85px}.carousel-stage{margin-top:65px;height:390px}.dashboard-card{width:570px;height:344px}.mini-dashboard{height:275px}.mini-chart{height:155px}.mini-chart .trend-chart{height:115px}.orbit{top:345px}}
@media(max-width:1150px){.topbar{gap:15px;padding:0 20px}.search-wrap{width:205px}.view-tabs{position:static;transform:none;margin-left:auto}.view-tabs a{padding:9px 11px;font-size:8px}.top-right{margin-left:0;gap:12px}.demo-badge{font-size:8px;letter-spacing:0}.map-tip{display:none}.map-status{top:auto;right:auto;left:32px;bottom:63px}.dashboard-card{width:460px}.mini-dashboard{height:250px}.chart-heading{flex-wrap:wrap}.autonomy-legend{padding-top:0}.matrix{grid-template-columns:155px repeat(4,minmax(175px,1fr));min-width:920px}.metric{padding:13px}.metric-value{font-size:23px}}
@media(max-width:760px){:root{--header:122px}.topbar{height:var(--header);padding:13px 16px 52px;gap:10px}.brand>svg{width:23px;height:23px}.brand>span{font-size:13px}.brand-sub{font-size:7px;letter-spacing:3px}.search-wrap{position:absolute;left:16px;bottom:12px;width:calc(100% - 32px);height:30px;padding:6px 9px}.search-results{top:36px;width:100%;max-height:400px}.view-tabs{position:absolute;left:50%;transform:translateX(-50%);top:20px}.view-tabs a{padding:9px 10px;font-size:8px;letter-spacing:1px}.view-tabs a>svg{display:none}.top-right{margin-left:auto;gap:8px}.demo-badge{position:absolute;right:16px;bottom:21px;pointer-events:none;font-size:7px;background:#0f1218;padding-left:7px}.search-wrap input{padding-right:140px;font-size:10px}.icon-button{width:28px;height:28px}.map-heading{top:22px;left:20px}.map-heading .eyebrow{font-size:7px}.map-heading h1{font-size:18px;margin-top:9px}.map-heading p{font-size:10px;max-width:280px}.map-footer{left:16px;right:16px;bottom:16px}.legend{gap:10px;font-size:8px}.legend span:last-child{display:none}.map-status{left:20px;bottom:61px;font-size:8px;gap:6px}.map-controls button{min-width:30px}.map-controls #reset-map{min-width:37px}.map-breadcrumb{top:21px;left:20px;flex-wrap:wrap;right:20px;gap:8px}.map-breadcrumb span{font-size:8px}.department-panel{top:auto;bottom:63px;left:16px;right:16px;width:auto;max-height:43%;padding:18px}.department-panel h2{font-size:21px;margin-top:10px}.department-panel .dept-stat{margin:15px 0;padding:13px 0}.department-panel .dept-agents{display:none}.department-panel .dept-workflow{display:none}.department-panel .dept-stat>div{display:flex;align-items:center;gap:7px}.dept-stat strong{font-size:19px}.dept-stat small{font-size:9px;margin:0}.department-panel .text-button{padding-bottom:0}.department-panel p{font-size:10px}.gallery-heading{padding:37px 20px 0}.gallery-heading h1{font-size:30px;margin:12px 0}.gallery-heading p{font-size:10px;line-height:1.8}.carousel-stage{height:300px;margin-top:38px;perspective:700px}.dashboard-card{width:320px;height:273px}.mini-dashboard{padding:12px;height:213px}.mini-title{font-size:9px}.mini-title span{font-size:7px}.mini-metrics>div{padding:7px 5px}.mini-metrics strong{font-size:13px}.mini-metrics small{font-size:6px}.mini-chart{height:120px;padding:7px}.mini-chart .trend-chart{height:82px}.mini-bars{padding:8px}.mini-bar span{width:24px}.card-caption{height:59px;padding:10px 13px}.card-caption strong{font-size:12px}.card-caption small{font-size:8px}.orbit{top:267px;width:370px;height:40px}.carousel-instruction{font-size:7px;letter-spacing:1px;margin-top:20px}#dashboard-gallery{min-height:530px}.carousel-nav{gap:20px}.carousel-dots{gap:5px}.carousel-arrow{height:34px;width:34px}#dashboard-detail{padding:19px 16px 30px}.back-button{margin-bottom:21px}.dashboard-heading{align-items:flex-start;flex-wrap:wrap}.dashboard-heading h1{font-size:21px}.dashboard-heading p{font-size:10px}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metrics>.metric:last-child{grid-column:1/-1}.metric-label{font-size:9px}.metric-value{font-size:24px;margin:10px 0 8px}.dashboard-body{grid-template-columns:1fr}.panel{padding:17px}.main-chart{height:230px}.signal-grid{grid-template-columns:1fr;gap:14px}.dashboard-bottom{align-items:flex-start}.dashboard-bottom>span{max-width:200px;line-height:1.7}.dashboard-bottom button{white-space:nowrap;font-size:9px}.department-tabs{padding:14px 14px 0;gap:0;min-height:51px}.department-tabs button{font-size:10px;padding:0 10px 12px}.department-tabs button[aria-pressed=true]::after{left:10px;right:10px}.chart-content{padding:23px 16px}.chart-heading{gap:17px;margin-bottom:21px}.chart-heading h1{font-size:22px}.chart-heading p{font-size:9px;line-height:1.8}.autonomy-legend{font-size:8px;gap:14px}.matrix{grid-template-columns:135px repeat(4,178px);min-width:890px;gap:6px}.stage-heading{padding:12px;gap:9px;min-height:72px}.stage-heading strong{font-size:11px}.stage-heading small{font-size:8px}.matrix-cell{padding:8px;min-height:142px}.mode-heading{padding:17px 12px;position:sticky;left:0;z-index:3;box-shadow:4px 0 10px #0004}.stage-spacer{position:sticky;left:0;z-index:3;background:#171b22;padding-left:12px;font-size:8px}.job-card{padding:11px 9px;gap:8px}.job-card strong{font-size:10px}.chart-note{font-size:8px;align-items:flex-start}.skill-drawer,.skill-drawer.map-drawer{top:var(--header);right:0;left:auto;bottom:0;width:min(405px,100vw);border-radius:0;padding:23px}.drawer-head h2{font-size:22px}.drawer-backdrop{backdrop-filter:none}.drawer-section p{font-size:12px}.drawer-section h3{font-size:9px}.io-row strong{font-size:11px}.file-actions button{padding:9px 13px}.tag{font-size:9px}#guide-dialog{padding:30px 23px;max-height:calc(100dvh - 30px);overflow:auto}#guide-dialog h2{font-size:22px}.guide-step{gap:12px}.guide-step p{font-size:10px}.guide-disclaimer{font-size:9px}}
@media(max-width:430px){.brand-sub{display:none}.brand>span{font-size:11px}.brand{gap:6px}.view-tabs{left:auto;right:49px;transform:none;top:20px}.view-tabs a{padding:9px 8px;font-size:7px;letter-spacing:.6px}.brand>svg{width:20px;height:20px}.map-heading h1{font-size:17px}}
@media(max-width:760px){.mobile-departments{display:flex;position:absolute;left:16px;right:16px;top:105px;z-index:6;gap:7px;overflow:auto;scrollbar-width:none;padding:4px}.mobile-departments button{font-size:10px;padding:10px 12px;border:1px solid var(--line);background:#161a21c9;border-radius:5px;white-space:nowrap;min-height:40px}.mobile-departments button:hover{border-color:var(--dept)}.focused .mobile-departments{display:none}.map-view:not(.focused) .map-node.department .node-name{font-size:27px;letter-spacing:2px}.map-view:not(.focused) .map-node.department .node-caption{display:none}.map-view:not(.focused) .map-node.department .node-circle{width:75px;height:75px}.map-view:not(.focused) .map-node.department svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}