:root{--navy:#1e303e;--copper:#b9704e;--muted:#839099;--line:#e6e9ec}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);padding:32px 20px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;overflow:auto}
.brand{display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.5px;margin:0 12px 34px}
.brand-symbol{background:var(--navy);color:#fff;font-family:Georgia,serif;font-size:29px;width:33px;height:35px;display:grid;place-items:center;border-radius:7px;margin-right:10px}
.copper{color:var(--copper)}
.workspace{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--line);border-radius:7px;margin-bottom:30px}
.workspace strong{font-size:11px}
.workspace small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.workspace>span:last-child{margin-left:auto;color:var(--muted)}
.company-symbol{background:#eeece7;border:1px solid #ddd9d1;border-radius:5px;padding:8px;font-family:Georgia,serif}
.nav-caption{font-size:9px;letter-spacing:1.7px;color:#929a9f;margin:0 12px 12px;font-weight:600}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;background:none;text-align:left;padding:12px;border-radius:5px;font-size:12px;color:#68737c;margin-bottom:3px}
.nav-item>span{font-size:17px;width:18px}
.nav-item.selected{background:#f4eae4;color:#995938;font-weight:600}
.nav-item b{margin-left:auto;background:#b9704e;color:white;border-radius:4px;padding:2px 5px;font-size:10px}
.department-caption{margin-top:34px;display:flex;justify-content:space-between}
.department-nav{display:flex;align-items:center;gap:13px;background:none;padding:10px 13px;font-size:11px;text-align:left;color:#73808a}
.department-nav i{width:5px;height:5px;border:1px solid #97a6af;border-radius:50%}
.department-nav.selected{background:#eef1f3;border-radius:5px;color:#263d4d}
.sidebar-bottom{margin-top:auto;padding:36px 10px 0}
.level-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7d8a92;margin-bottom:10px}
.level-label b{background:#f4eae4;padding:4px 6px;color:#a56849}
.sidebar-bottom>strong{font-size:11px}
.progress{height:4px;border-radius:4px;background:#e5e8e9;overflow:hidden;margin:14px 0 8px}
.progress i{height:100%;display:block;background:var(--copper);transition:width .3s}
.sidebar-bottom>small{font-size:9px;color:var(--muted)}
.user{border-top:1px solid var(--line);margin-top:25px;padding:22px 0;display:flex;align-items:center;gap:10px}
.user>span,.owner-avatar{background:#eae6df;border:1px solid #ded7cd;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px}
.user strong{font-size:10px}
.user small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.user>b{margin-left:auto;color:var(--muted)}
main{margin-left:240px;width:calc(100% - 240px)}
.topbar{height:77px;border-bottom:1px solid var(--kompani-line,var(--line));display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--kompani-surface,#fff);font-size:11px;color:var(--kompani-muted,#849099)}
.topbar strong{font-weight:500;color:var(--kompani-ink,#44505a)}
.topbar span:not(.owner-avatar){margin:0 15px}
.topbar-right{display:flex;align-items:center;gap:20px}
.sandbox{font-size:8px;letter-spacing:1.2px}
.sandbox i,.live-dot{width:5px;height:5px;background:#8baf9d;border-radius:50%;display:inline-block;margin-right:7px}
.page-content{max-width:1550px;margin:auto;padding:35px 40px 0}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}
.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.5px;color:#89939a}
.eyebrow span{margin:0 9px;color:#bbb}
h1{font-size:34px;font-weight:550;letter-spacing:-1.4px;margin:10px 0}
.page-heading p{font-size:12px;color:#89939a}
.primary{background:var(--navy);color:white;padding:12px 17px;border-radius:5px;font-size:11px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px}
.primary:hover{background:#354e60}
.primary>span:first-child{font-size:17px}
.overview-top{display:grid;grid-template-columns:1.85fr 1fr;gap:22px}
.command-panel{position:relative;overflow:hidden;min-height:286px;background:var(--navy);color:#fff;border-radius:8px;padding:27px 30px}
.panel-kicker{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;font-weight:550}
.command-panel .panel-kicker{color:#b2c0c8;position:relative;z-index:1}
.command-panel .panel-kicker>span:last-child{font-size:7px;border:1px solid #60717c;border-radius:3px;padding:4px 7px}
.command-panel h2{font-size:30px;line-height:1.25;font-weight:450;letter-spacing:-.8px;margin-top:25px;position:relative;z-index:1}
.command-panel p{font-size:11px;color:#a7b6c0;margin-top:14px;position:relative;z-index:1}
.command-bottom{display:flex;align-items:center;gap:11px;margin-top:25px;position:relative;z-index:1}
.avatar-stack{display:flex;padding-left:5px}
.avatar-stack span{margin-left:-5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#59717c;border:2px solid var(--navy);font-size:8px}
.avatar-stack span:nth-child(2){background:#a9856c}
.avatar-stack span:nth-child(3){background:#788b79}
.avatar-stack span:nth-child(4){background:#9b9d98}
.command-bottom>span{font-size:8px;color:#acbac4}
.command-bottom button{margin-left:auto;border:1px solid #64737d;border-radius:50%;background:none;color:white;width:27px;height:27px}
.orbital-art{position:absolute;right:-45px;top:57px;width:270px;height:220px;opacity:.8;transform:rotate(-22deg)}
.orbit{border:1px solid #60758470;position:absolute;border-radius:50%;inset:0}
.orbit-two{inset:30px}
.orbit-three{inset:63px}
.orbit-core{position:absolute;left:115px;top:83px;font-family:Georgia,serif;font-size:49px;color:#e2b497;transform:rotate(22deg)}
.satellite{position:absolute;background:#344854;border:1px solid #738591;border-radius:9px;padding:9px;color:#d4b59f;font-style:normal;transform:rotate(22deg)}
.s1{top:0;left:100px}
.s2{right:35px;bottom:24px}
.s3{left:31px;bottom:43px}
.next-panel{border:1px solid #e7dfd6;background:#f5f0e9;border-radius:8px;padding:23px 25px;display:flex;flex-direction:column}
.next-panel .panel-kicker{color:#897a6a}
.tiny-tag{font-size:7px;border:1px solid #d9c7b5;border-radius:3px;padding:4px 6px;color:#a27751;letter-spacing:.7px}
.feature-icon{font-size:22px;color:#a57654;margin-top:18px}
.next-panel h2{font-size:20px;line-height:1.3;margin:8px 0}
.next-panel p{font-size:10px;color:#948777;max-width:290px}
.next-foot{margin-top:auto;padding-top:15px}
.next-foot>span{font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;color:#968773}
.next-foot b{color:#a96e42;font-size:8px}
.next-foot button{width:100%;margin-top:10px;background:white;border:1px solid #dfd4c5;color:#655542;padding:9px 12px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;background:white;margin-top:22px;padding:22px 0}
.metrics article{padding:0 25px;border-right:1px solid var(--line)}
.metrics article:last-child{border:0}
.metrics article>span{font-size:8px;letter-spacing:1px;color:#89949b;display:flex;justify-content:space-between}
.metrics article>span i{font-style:normal;color:#a8b2b8;font-size:13px}
.metrics strong{display:block;font-weight:500;font-size:28px;margin:12px 0 8px;letter-spacing:-.8px}
.metrics strong small{font-size:12px;color:#9ba3a9;font-weight:400;letter-spacing:0}
.metrics p{font-size:9px;color:#939ea5}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 17px}
.section-title h2{font-size:17px;margin-top:6px}
.muted{color:#8d98a0;font-size:10px}
.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.department-card{border:1px solid var(--line);border-radius:7px;padding:18px 20px 0;background:white;text-align:left;transition:transform .2s,box-shadow .2s}
.department-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #20334209;border-color:#c5cfd6}
.department-card-top{display:flex;align-items:center;justify-content:space-between}
.dept-icon{display:inline-grid;place-items:center;width:33px;height:33px;background:#edf1f3;border:1px solid #e3e8eb;border-radius:7px;font-size:19px;color:#596f80}
.department-card:nth-child(3n+2) .dept-icon{background:#f2ece5;color:#9b7b55;border-color:#ece4d9}
.department-card:nth-child(3n) .dept-icon{background:#edf0e9;color:#7f8b70;border-color:#e3e8dc}
.department-card h3{font-size:13px;font-weight:600;margin:15px 0 7px}
.department-card p{font-size:10px;color:#939da5;min-height:33px;max-width:235px}
.department-metric{display:flex;justify-content:space-between;align-items:center;margin:17px 0}
.department-metric span{font-size:9px;color:#909aa2}
.department-metric strong{font-size:15px;font-weight:550}
.department-agent{display:flex;align-items:center;gap:7px;border-top:1px solid #eff0f2;padding:12px 0;font-size:9px;color:#62717b}
.mini-avatar{display:inline-grid;place-items:center;background:#eaf0ed;border-radius:50%;width:22px;height:22px;font-size:8px;color:#647a6c}
.department-agent>span:last-child{margin-left:auto;color:#a1a9ae;font-size:8px}
.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:23px}
.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:22px}
.panel>.section-title{margin:0 0 17px}
.text-button{background:none;color:#a16a4c;font-size:10px;padding:4px 0}
.mission-row{width:100%;display:flex;align-items:center;gap:14px;border-bottom:1px solid #eef0f2;padding:17px 0;background:none;text-align:left}
.mission-row:last-child{border:0}
.mission-row>div{flex:1}
.mission-row strong{display:block;font-size:11px;font-weight:550}
.mission-row small{display:block;color:#98a1a8;margin-top:6px;font-size:9px}
.mission-indicator{border:1px solid #e4e8eb;border-radius:5px;padding:7px;color:#86989f}
.status{display:inline-block;white-space:nowrap;background:#f1f3f4;color:#7c8991;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:550}
.milestone-panel{padding:27px;background:#eeefeb;border:1px solid #e2e5df;border-radius:7px}
.milestone-panel h2{font-size:20px;line-height:1.4;margin:12px 0}
.milestone-panel p{font-size:10px;color:#899084}
.milestone-number{font-size:22px;margin-top:24px}
.milestone-number span{font-size:10px;color:#8b9386}
.milestone-number b{float:right;font-size:8px;letter-spacing:1px;color:#7d8977;margin-top:10px}
.milestone-panel>small{color:#8c9686;font-size:9px}
.page-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e6e9ec;padding:22px 0;margin-top:28px;color:#9ba4aa;font-size:8px}
.page-footer .copper{margin-right:6px}
.orchestrator-banner{background:var(--navy);color:white;padding:28px;display:flex;gap:22px;align-items:center;border-radius:7px;margin-bottom:24px}
.orchestrator-banner>div{flex:1}
.orchestrator-banner p{font-size:12px;color:#b8c4cb;margin-top:7px}
.orchestrator-banner>strong small{display:block;margin-top:8px}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.agent-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.agent-avatar{display:grid;place-items:center;background:#e9eeef;border-radius:12px;width:48px;height:48px;font-family:Georgia,serif;font-size:25px}
.agent-role{display:block;color:#82909a;font-size:12px;margin-top:5px}
.provider{font-size:10px;color:#8b959d;margin:22px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.provider strong{display:block;margin-top:6px;color:#3b4d5b;font-weight:500}
.peer-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 25px}
.peer-list span{background:#f1f3f4;border-radius:4px;padding:5px 7px;font-size:10px}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}
.tabs{display:flex;gap:5px}
.tabs button{background:none;color:#8a969e;padding:9px 15px;border-radius:5px;font-size:11px}
.tabs button.active{background:#e7ecf0;color:#324c60}
.toolbar select,.toolbar input{font-size:11px}
.large{padding:23px 0}
.large strong{font-size:14px;margin:6px 0}
.reward{font-size:10px;color:#a47953}
.empty-state{text-align:center;padding:55px 25px;color:#8c969e}
.empty-state h2{color:#3b4e5d}
.empty-state p{margin:14px 0 22px;font-size:12px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th{text-align:left;font-size:8px;letter-spacing:1px;color:#96a0a7;padding:12px 10px}
td{font-size:11px;padding:22px 10px;border-top:1px solid var(--line)}
td small{display:block;margin-top:6px;color:#98a2a8}
td strong{font-weight:550}
.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.record-grid h2{margin:15px 0}
.record-grid p{margin-bottom:12px;color:#94a0a8;font-size:12px}
time{font-size:10px;color:#929da5}
.scrim{position:fixed;inset:0;background:#15253166;backdrop-filter:blur(3px);z-index:20;display:flex;justify-content:flex-end}
.drawer{position:relative;width:490px;max-width:100%;background:#fff;height:100%;overflow:auto;padding:48px 32px}
.close{position:absolute;right:22px;top:18px;background:#f1f3f4;border-radius:50%;width:29px;height:29px;font-size:22px;color:#89959e}
.drawer h2,.create-dialog h2{font-size:27px;line-height:1.25;margin:18px 0}
.drawer>p{font-size:12px;margin:20px 0;color:#82909a}
.drawer h3{font-size:13px;margin:25px 0 14px}
.risk-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px}
.risk-grid>div{padding:19px}
.risk-grid span{font-size:8px;color:#8a969e;letter-spacing:1px}
.risk-grid strong{font-size:30px;font-weight:500;display:block;margin-top:9px}
.risk-grid small{font-size:11px;color:#8b99a3}
.route{padding:17px;background:#eef2f4;border-radius:5px;font-size:12px;line-height:1.7}
.evidence{border:1px solid var(--line);border-radius:5px;padding:16px;margin-bottom:10px}
.evidence strong{font-size:11px}
.evidence p{font-size:12px;margin:8px 0}
.evidence small{font-size:9px;color:#929da5}
.full{width:100%;margin-top:20px}
.decision-actions{display:flex;gap:10px;margin-top:24px}
.secondary{background:#f0f2f3;border:1px solid #dce2e6;border-radius:5px;padding:10px;font-size:11px}
.notice{background:#f7eee3;color:#9a7650;border:1px solid #ebdfce;border-radius:5px;padding:16px;font-size:11px;line-height:1.7;margin-top:20px}
.success{background:#eaf2ec;color:#5a7c67;border-color:#d9e7de}
.trace-step{padding:10px;border-bottom:1px solid #eee;font-size:12px;color:#7a8c99}
.drawer-note{display:block;margin-top:25px;color:#a0a9b0;font-size:10px;line-height:1.7}
.create-dialog{position:relative;margin:auto;width:480px;max-width:94%;background:white;border-radius:10px;padding:40px}
.create-dialog p{font-size:12px;color:#8a969e;margin-bottom:25px}
.create-dialog label{display:block;font-size:11px;margin:18px 0 8px}
.create-dialog input,.create-dialog select{width:100%}

@media(min-width:1550px){.command-panel{min-height:315px}
.orbital-art{right:5px;width:300px;height:250px}
.command-panel h2{font-size:35px}
.command-bottom{margin-top:34px}
}

@media(max-width:1150px){.sidebar{width:210px;padding-left:12px;padding-right:12px}
main{margin-left:210px;width:calc(100% - 210px)}
.page-content{padding:27px 25px 0}
.topbar{padding:0 25px}
.orbital-art{opacity:.3}
.command-panel{padding:25px}
.metrics article{padding:0 16px}
.department-card{padding:16px 14px 0}
.command-bottom>span{font-size:7px}
.panel-kicker{font-size:7px}
.bottom-grid{grid-template-columns:1.5fr 1fr}
.section-title>.muted{display:none}
}

@media(max-width:900px){.sidebar{width:185px}
.brand{font-size:25px}
.workspace{padding:10px 6px}
.workspace strong{font-size:9px}
.department-nav{font-size:10px}
.nav-item{font-size:10px;gap:8px}
main{margin-left:185px;width:calc(100% - 185px)}
.page-content{padding:25px 20px 0}
h1{font-size:28px}
.overview-top{grid-template-columns:1fr}
.command-panel{min-height:280px}
.orbital-art{opacity:.7;right:10px}
.next-panel{display:none}
.department-grid,.agent-grid{grid-template-columns:repeat(2,1fr)}
.metrics{grid-template-columns:repeat(2,1fr);gap:24px}
.metrics article:nth-child(2){border:0}
.bottom-grid{grid-template-columns:1fr}
.topbar-right .sandbox{font-size:6px}
.page-heading{align-items:flex-start}
.page-heading .primary{white-space:nowrap;padding:10px;font-size:9px;gap:7px}
.page-footer{flex-direction:column}
.large{flex-wrap:wrap}
.large>div{min-width:60%}
.orchestrator-banner{flex-wrap:wrap}
}

@media(max-width:620px){.app-shell{display:block}
.sidebar{position:relative;width:100%;padding:16px;overflow:visible;border-bottom:1px solid var(--line)}
.brand{margin:0 0 15px;font-size:26px}
.workspace,.nav-caption,.department-nav,.sidebar-bottom{display:none}
.sidebar nav{display:flex;overflow:auto;gap:5px}
.nav-item{white-space:nowrap;width:auto;padding:9px;font-size:10px}
.nav-item>span{font-size:13px}
.topbar{height:52px;padding:0 20px}
.topbar-right{gap:0}
.topbar .sandbox{display:none}
main{margin:0;width:100%}
.page-heading{flex-wrap:wrap}
.page-heading p{font-size:11px}
.department-grid,.agent-grid,.record-grid{grid-template-columns:1fr}
.command-panel h2{font-size:28px}
.orbital-art{right:-95px;opacity:.35}
.command-bottom{gap:8px}
.command-bottom>span{font-size:7px}
.toolbar{flex-wrap:wrap}
.reward{display:none}
.mission-row{gap:8px}
.mission-row strong{font-size:10px}
.status{font-size:7px}
.drawer{padding:48px 22px}
.orchestrator-banner{padding:20px}
.page-content{padding:24px 18px 0}
}

/* Evolve Kompani's original forest, sage and warm-paper visual language. */
:root{--navy:#154e3d;--copper:#d88262;--muted:#76807a;--line:#e2e8df}
body{font-family:"Aptos","Trebuchet MS",sans-serif;background:#f4f6f2;color:#26372e;-webkit-font-smoothing:antialiased}
.sidebar{background:#fbfcf9}
.brand{color:#21342c;font-family:"Trebuchet MS",sans-serif;font-size:27px}
.brand-symbol{font-family:inherit;font-weight:750;border-radius:9px 9px 9px 2px}
.workspace{background:white;border-color:#e1e8dd}
.company-symbol{background:#e0eddf;color:#255441;border-color:#d5e2d1}
.nav-item.selected{background:#e7f0e8;color:#154e3d}
.nav-item:hover,.department-nav:hover{background:#edf2e9;color:#255441}
.department-nav.selected{background:#e7f0e8;color:#154e3d}
.page-content{padding-top:32px}
.page-heading h1{font-size:32px;font-weight:650;letter-spacing:-1.2px}
.page-heading p{color:#78847b}
.primary:hover{background:#113a30}
.text-button{color:#4c7b5b}
.progress i{background:#75a786}
.sidebar-bottom>strong{color:#354a3b}
.level-label b{background:#f5e5a9;color:#69510f}
.owner-avatar,.user>span{background:#f4c9b7;color:#704536;border-color:#edc2af}
.overview-top{grid-template-columns:minmax(0,1.5fr) minmax(275px,1fr);gap:18px}
.health-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 26px 0;box-shadow:0 3px 10px #24352903}
.health-panel .panel-kicker{color:#7b897d;font-size:9px}
.health-sample{font-size:7px;color:#a1aaa0;font-weight:400;letter-spacing:.8px}
.health-content{display:flex;align-items:center;gap:25px;padding:25px 0 20px}
.health-ring{position:relative;display:grid;place-items:center;width:133px;aspect-ratio:1;flex:none;border-radius:50%;background:conic-gradient(from -90deg,#679775 0% 76%,#eaf0e6 76% 100%)}
.health-ring:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}
.health-ring>div{position:relative;display:flex;align-items:baseline;gap:3px}
.health-ring strong{font-size:37px;font-weight:650;color:#274936;letter-spacing:-1.5px}
.health-ring span{font-size:10px;color:#8c988e}
.health-state{font-size:8px;letter-spacing:.8px;color:#5c8467;font-weight:650}
.health-summary h2{font-size:25px;font-weight:600;line-height:1.2;margin:10px 0;color:#2c4534}
.health-summary p{font-size:11px;line-height:1.65;color:#7d887f;max-width:290px}
.health-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 0 21px}
.health-dimensions>div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:9px;color:#879288}
.health-dimensions i{grid-row:2;grid-column:1 / 3;background:#edf1e9;height:4px;border-radius:5px;overflow:hidden}
.health-dimensions b{display:block;height:100%;background:#98b89a;border-radius:5px}
.health-dimensions strong{grid-row:1;grid-column:2;font-size:9px;font-weight:500;color:#5b7861}
.health-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0e9;padding:14px 0;font-size:9px;color:#94a091}
.next-panel{position:relative;overflow:hidden;background:#eaf3e9;border-color:#d7e6da;border-radius:12px;padding:23px 24px}
.next-panel:after{content:"";position:absolute;right:-65px;top:36px;width:170px;height:170px;border:1px solid #d3e4d2;border-radius:50%;pointer-events:none}
.next-panel .panel-kicker{color:#6b866e;position:relative;z-index:1}
.tiny-tag{background:#f7e7c7;color:#967334;border-color:#edddb9}
.feature-icon{background:#d7e9d9;color:#427052;width:35px;height:35px;border-radius:9px;display:grid;place-items:center;margin-top:22px}
.next-panel h2{color:#294235;font-weight:600;font-size:22px;margin:13px 0 10px;position:relative;z-index:1}
.next-panel p{color:#718176;font-size:11px;position:relative;z-index:1}
.next-foot>span{color:#708873}
.next-foot button{background:#28583f;border-color:#28583f;color:white;padding:11px 13px}
.next-foot button:hover{background:#174530}
.metrics{border-radius:10px}.metrics strong{color:#2e4637}
.metrics article>span i{color:#759580;background:#eef3e9;border-radius:5px;padding:3px 6px;margin-top:-3px}
.department-card{border-radius:10px;position:relative;overflow:hidden}
.department-card:before{content:"";position:absolute;left:0;top:21px;width:3px;height:25px;background:#8ba78c;border-radius:0 3px 3px 0}
.department-card:nth-child(3n+2):before{background:#d6ab88}
.department-card:nth-child(3n):before{background:#91a9bf}
.department-card .dept-icon{background:#eaf1e6;border-color:#e0e9da;color:#56795c}
.department-card:nth-child(3n) .dept-icon{background:#eaf0f5;color:#688aab;border-color:#dfe8ef}
.department-card p{color:#818d83}
.department-card:hover{border-color:#a8bfa5;box-shadow:0 8px 20px #25452b08}
.panel{border-radius:10px}.mission-indicator{color:#6b9172;background:#f3f7ef;border-color:#e2ebdc}
.mini-avatar{border-radius:6px;background:#e3eddf;color:#5e7a5a}
.crew-panel .section-title{margin-bottom:8px}.crew-total{font-size:11px;background:#eef2e9;padding:3px 6px;border-radius:4px;color:#8a9983;margin-left:5px}
.crew-row{display:flex;gap:11px;align-items:center;background:none;width:100%;padding:11px 0;text-align:left}
.crew-avatar{display:grid;place-items:center;width:33px;height:33px;background:#dfeadb;color:#60815b;border-radius:9px;font-size:12px;font-weight:600}
.crew-row:nth-of-type(2) .crew-avatar{background:#f4d8ca;color:#a25e46}
.crew-row:nth-of-type(3) .crew-avatar{background:#deebf3;color:#608da8}
.crew-row:nth-of-type(4) .crew-avatar{background:#f4eac8;color:#a08b47}
.crew-row>div{flex:1}.crew-row strong{display:block;font-size:12px;font-weight:600}.crew-row small{display:block;color:#8a958b;font-size:10px;margin-top:4px}
.crew-state{font-size:7px;color:#85a084;letter-spacing:.6px}
.crew-milestone{border-top:1px solid var(--line);padding-top:17px;margin-top:8px;font-size:8px;color:#8c9988;letter-spacing:.5px}
.crew-milestone strong{float:right;color:#6d8666;font-size:9px}.crew-milestone small{font-size:9px;letter-spacing:0}
.bottom-grid{grid-template-columns:1.45fr 1fr}.agent-avatar{background:#e3ecdf;color:#5c7d57}.orchestrator-banner{border-radius:10px;background:#244f3d}
@media(max-width:1100px){.health-content{gap:17px}.health-ring{width:112px}.health-summary h2{font-size:22px}.health-panel{padding:22px 20px 0}.health-dimensions{gap:12px}.health-sample{display:none}}
@media(max-width:900px){.overview-top{grid-template-columns:1fr}.next-panel{display:flex}.health-content{justify-content:flex-start;gap:28px}.health-summary p{max-width:380px}.health-ring{width:125px}.bottom-grid{grid-template-columns:1fr}.page-heading h1{font-size:29px}.next-panel h2 br{display:none}}
@media(max-width:620px){.health-content{gap:16px}.health-ring{width:100px}.health-ring strong{font-size:29px}.health-ring:before{inset:9px}.health-summary h2{font-size:21px}.health-summary p{font-size:10px}.health-state{font-size:6px}.health-panel{padding:19px 16px 0}.health-dimensions{gap:10px}.health-footer{font-size:8px}.health-footer button{font-size:8px}}