:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#1f2937;background:#f5f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:232px;background:#12352f;color:#e7f1ec;display:flex;flex-direction:column;padding:22px 14px 16px;position:fixed;inset:0 auto 0 0;z-index:2}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px;font-weight:750;font-size:18px;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:29px;height:29px;color:#12352f;background:#b9dd5a;border-radius:7px}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#afc7bd;height:42px;padding:0 11px;border-radius:6px;cursor:pointer;text-align:left}.nav-item:hover{background:#1d493f;color:#fff}.nav-item.active{background:#eaf4ee;color:#12352f;font-weight:700}.sidebar-user{border-top:1px solid #31594f;margin-top:auto;padding:16px 8px 2px;display:flex;gap:9px;align-items:center;color:#e9f3ed}.sidebar-user div{display:grid;gap:2px;flex:1}.sidebar-user strong{font-size:13px}.sidebar-user small{color:#99b6aa;font-size:11px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e3a86b;color:#513516;font-size:13px;font-weight:800}.main{margin-left:232px;width:calc(100% - 232px);max-width:1680px;padding:28px 42px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{margin:3px 0 0;font-size:25px;letter-spacing:0}.eyebrow{margin:0;color:#718279;font-size:12px;font-weight:700;letter-spacing:0}.topbar-actions{display:flex;gap:10px;align-items:center}.icon-button{position:relative;border:1px solid #d9e2dc;color:#315448;background:#fff;border-radius:6px;width:38px;height:38px;display:inline-grid;place-items:center;cursor:pointer}.icon-button:hover{border-color:#79a295}.notification b{position:absolute;min-width:16px;height:16px;display:grid;place-items:center;top:-6px;right:-6px;background:#d84d43;color:#fff;border-radius:50%;font-size:10px}.primary-command{height:38px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:6px;background:#16806a;color:#fff;padding:0 14px;cursor:pointer;font-weight:700;font-size:13px}.primary-command:hover{background:#0e6a57}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-stack{display:grid;gap:18px}.overview{display:grid;grid-template-columns:minmax(280px,1.55fr) repeat(3,minmax(135px,.75fr));gap:15px}.health-hero{min-height:160px;display:flex;justify-content:space-between;overflow:hidden;background:#13443b;padding:23px 25px;color:#e9f5ee;border-radius:7px}.health-hero .eyebrow{color:#a8c5ba}.hero-score{margin:6px 0;display:flex;align-items:baseline;gap:4px}.hero-score strong{font-size:42px;letter-spacing:0}.hero-score span{color:#a8c5ba;font-size:13px}.health-hero p{margin:0;font-size:13px;color:#c5dbd0}.mini-bars{display:flex;gap:9px;height:108px;align-items:end;padding:0 5px}.mini-bars div{display:grid;justify-items:center;gap:7px;font-size:10px;color:#a8c5ba}.mini-bars i{width:13px;border-radius:3px 3px 0 0;display:block;background:#b9dd5a}.metric-card,.panel,.table-card{background:#fff;border:1px solid #e0e7e3;border-radius:7px}.metric-card{display:flex;flex-direction:column;justify-content:center;padding:19px}.metric-card span,.metric-card small{color:#718279;font-size:12px}.metric-card strong{font-size:29px;line-height:1.25;margin:8px 0 5px;color:#17382f}.dashboard-grid{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(320px,.95fr);gap:17px}.level-panel{grid-column:1 / -1}.panel{padding:20px}.panel h2,.panel h3{margin:0;font-size:15px}.panel p{margin:5px 0 0;color:#76867e;font-size:12px;line-height:1.5}.panel-heading,.section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.text-button{display:inline-flex;align-items:center;gap:2px;border:0;background:transparent;color:#16806a;font-weight:700;cursor:pointer;font-size:12px}.focus-row,.task-row,.timeline-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #edf1ef}.focus-row:first-of-type,.task-row:first-of-type{border-top:0}.customer-monogram{width:32px;height:32px;display:grid;place-items:center;background:#e9f2ee;color:#27705e;border-radius:6px;font-weight:800}.focus-copy{display:grid;gap:3px;flex:1}.focus-copy strong,.task-row strong{font-size:13px}.focus-copy span,.task-row p{font-size:12px;color:#718279;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.focus-meta{display:flex;align-items:center;gap:9px;font-size:12px}.critical-text{color:#c8433a;font-size:12px}.task-icon{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;background:#ebf3ef;color:#2d7562}.task-icon.urgent{background:#fff0ed;color:#d65746}.task-row>div{flex:1;min-width:0}.task-row time,.timeline-row time{font-size:11px;color:#7e8e86;white-space:nowrap}.level-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.level-bar{display:grid;grid-template-columns:27px 1fr 25px;gap:10px;align-items:center;font-size:12px}.level-bar>div,.progress{height:7px;background:#eef2f0;border-radius:99px;overflow:hidden}.level-bar i,.progress i{display:block;height:100%;background:#1a886e;border-radius:99px}.level-badge{width:25px;height:22px;display:inline-grid;place-items:center;border-radius:4px;font-size:12px;font-weight:800}.level-S{color:#a6382f;background:#fceceb}.level-A{color:#b46d11;background:#fff5dd}.level-B{color:#3372a4;background:#e9f3fb}.level-C{color:#67746e;background:#edf0ef}.section-bar h2{margin:0;font-size:18px}.section-bar p{margin:4px 0 0;font-size:12px;color:#718279}.level-summary,.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-tile,.report-card{background:#fff;border:1px solid #e0e7e3;padding:17px;border-radius:7px;display:grid;gap:4px}.level-tile span,.report-card span{font-size:12px;color:#718279}.level-tile strong,.report-card strong{font-size:26px}.level-tile small{font-size:11px;color:#718279}.table-card{overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f7f9f8;color:#697a71;font-size:11px;font-weight:700}th,td{padding:14px 17px;border-bottom:1px solid #edf1ef}td:last-child,th:last-child{width:38px;color:#708078}.status{display:inline-flex;border-radius:99px;padding:3px 8px;background:#eaf4ee;color:#31715f;font-size:11px;font-weight:700}.status.critical{background:#fff0ed;color:#ce4e42}.date-chip,.score-chip{display:inline-flex;gap:6px;align-items:center;background:#ecf4ef;color:#286653;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:700}.split-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#2d8e73}.timeline-row>div{flex:1}.timeline-row strong{font-size:13px}.timeline-row p{max-width:520px}.note-block{padding:13px 0;border-top:1px solid #edf1ef}.note-block:first-of-type{border-top:0}.note-block span{color:#6e7e76;font-size:11px;font-weight:700}.health-layout{display:grid;grid-template-columns:260px 1fr 1fr;gap:17px}.health-card{background:#173f36;color:#fff;border-radius:7px;display:grid;place-items:center;padding:24px}.health-card p{margin:12px 0 0;color:#b9d0c5;font-size:12px}.score-ring{--score: 0%;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#b9dd5a var(--score),#3d655a 0)}.score-ring>div{width:118px;height:118px;border-radius:50%;display:grid;align-content:center;justify-items:center;background:#173f36}.score-ring strong{font-size:34px}.score-ring span{color:#acc6b9;font-size:12px}.component-row{display:grid;grid-template-columns:78px 1fr 42px;gap:9px;align-items:center;padding:10px 0;font-size:12px}.component-row strong{text-align:right;font-size:11px}.suggestion{display:flex;gap:8px;padding:11px 0;border-top:1px solid #edf1ef;font-size:13px;color:#51635a;line-height:1.5}.suggestion:first-of-type{border-top:0}.suggestion svg{color:#cc8b28;flex:0 0 auto}.empty{min-height:100px;display:grid;place-content:center;justify-items:center;gap:8px;color:#7c8c84;font-size:13px}.loading{display:grid;min-height:380px;place-items:center;color:#678075}.error-banner{background:#fff0ed;color:#a53c33;border:1px solid #ffd4cd;border-radius:6px;display:flex;align-items:center;gap:9px;padding:11px 13px;margin-bottom:16px;font-size:13px}.error-banner button{margin-left:auto;color:#a53c33;border:0;background:transparent;cursor:pointer;font-weight:700}@media(max-width:1000px){.main{padding:24px}.overview{grid-template-columns:1fr 1fr}.health-hero{grid-column:1 / -1}.dashboard-grid,.health-layout{grid-template-columns:1fr}.level-panel{grid-column:auto}.sidebar{width:64px;padding-inline:8px}.brand{padding-inline:9px}.brand>span:last-child,.nav-item span,.sidebar-user div,.sidebar-user>svg{display:none}.sidebar-user{padding-inline:9px}.main{margin-left:64px;width:calc(100% - 64px)}}@media(max-width:680px){.main{padding:18px 15px 74px;margin-left:0;width:100%}.sidebar{top:auto;right:0;bottom:0;width:100%;height:60px;flex-direction:row;padding:6px 9px}.brand,.sidebar-user{display:none}nav{display:flex;grid-template-columns:repeat(5,1fr);width:100%;justify-content:space-between}.nav-item{width:auto;flex:1;justify-content:center;padding:0;height:47px}.nav-item span{display:none}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.topbar-actions .icon-button:first-child{display:none}.primary-command{width:38px;padding:0;justify-content:center;font-size:0}.primary-command svg{margin:0}.overview,.level-summary,.report-grid{grid-template-columns:1fr 1fr}.health-hero{grid-column:auto}.mini-bars{display:none}.dashboard-grid,.split-panel{grid-template-columns:1fr}.focus-copy span{max-width:145px}.level-bars{grid-template-columns:1fr 1fr}.table-card{overflow-x:auto}table{min-width:620px}}.section-actions{display:flex;gap:9px;align-items:center}.secondary-command{height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfdcd5;border-radius:6px;background:#fff;color:#315e51;padding:0 13px;cursor:pointer;font-size:13px;font-weight:700}.secondary-command:hover{border-color:#79a295;background:#f5faf7}.primary-command:disabled,.secondary-command:disabled{opacity:.6;cursor:not-allowed}.error-banner,.success-banner{border-radius:6px;display:flex;align-items:center;gap:9px;padding:11px 13px;margin-bottom:16px;font-size:13px}.success-banner{background:#edf8f1;color:#237154;border:1px solid #cce8d7}.success-banner button{margin-left:auto;color:inherit;border:0;background:transparent;cursor:pointer;display:inline-grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0d221c85;display:grid;place-items:center;padding:18px}.modal{width:min(640px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid #dce6e0;border-radius:7px;box-shadow:0 18px 48px #0a1f1847}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 15px;border-bottom:1px solid #e8eeea}.modal-header h2{margin:0;font-size:18px}.modal-header p{margin:5px 0 0;color:#718279;font-size:12px;line-height:1.5}.action-form{padding:18px 20px 20px;display:grid;gap:13px}.action-form label{display:grid;gap:6px;color:#40574d;font-size:12px;font-weight:700}.action-form input,.action-form select,.action-form textarea{width:100%;border:1px solid #cedbd4;border-radius:5px;color:#203b31;background:#fff;padding:9px 10px;font:inherit;font-size:13px;line-height:1.45;outline:none;resize:vertical}.action-form input:focus,.action-form select:focus,.action-form textarea:focus{border-color:#16806a;box-shadow:0 0 0 3px #16806a1f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-divider{border-top:1px solid #e9eeeb;padding-top:14px;color:#5c7168;font-size:12px;font-weight:800}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:5px}.form-error{display:flex;align-items:center;gap:7px;border:1px solid #ffd4cd;background:#fff0ed;color:#a53c33;border-radius:5px;padding:9px 10px;font-size:12px}.form-empty{padding:28px;text-align:center;border:1px dashed #cfdcd5;border-radius:6px;color:#718279;font-size:13px}@media(max-width:680px){.section-actions{gap:7px}.section-actions .primary-command{width:auto;padding:0 10px;font-size:12px}.section-actions .primary-command svg{margin:0}.secondary-command{padding:0 10px;font-size:12px}.modal-backdrop{align-items:end;padding:0}.modal{max-height:92vh;border-radius:7px 7px 0 0}.form-grid{grid-template-columns:1fr}}.table-actions{width:122px}.row-button{border:0;border-radius:5px;background:#edf6f1;color:#237154;padding:6px 9px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;white-space:nowrap}.row-button:hover{background:#dcefe4}.row-button:disabled{opacity:.6;cursor:wait}.muted{color:#8c9a93}.form-context{display:grid;gap:4px;padding:11px 12px;border-radius:6px;background:#f2f7f4;color:#38594c;font-size:12px}.form-context strong{color:#17382f;font-size:13px}.compact-section{margin-top:4px;margin-bottom:-2px}.target-row,.exception-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1ef}.target-row:first-of-type,.exception-row:first-of-type{border-top:0}.target-row>div,.exception-row>div:first-child{display:grid;gap:3px;flex:1;min-width:0}.target-row strong,.exception-row strong{font-size:13px}.target-row span,.exception-row span,.exception-row small{color:#718279;font-size:11px;line-height:1.45}.target-row b{color:#255948;white-space:nowrap;font-size:12px}.exception-panel{padding-top:18px}.exception-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.integration-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.integration-checks{display:grid;margin-top:13px}.integration-checks>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #edf1ef;font-size:13px}.check-ready{color:#237154;font-size:12px}.check-missing{color:#bd5a32;font-size:12px}.integration-actions{display:grid;align-content:start;gap:11px}.integration-actions p{margin:-4px 0 5px}.integration-actions .primary-command,.integration-actions .secondary-command{width:100%}.integration-notes{display:grid;gap:10px}.integration-notes>div{display:flex;align-items:flex-start;gap:9px;color:#52655d;font-size:13px;line-height:1.5}.integration-notes svg{color:#258267;flex:0 0 auto}.integration-notes>div:last-child svg{color:#c38228}@media(max-width:1000px){.integration-grid{grid-template-columns:1fr}}