:root{--bg:#f2f5f4;--panel:#fff;--ink:#13201f;--muted:#7b8987;--line:#e1e7e5;--teal:#1d9b88;--teal-bright:#40d7bd;--deep:#0b1d1b;--red:#ef665f;--amber:#e2a849;--violet:#8e74d3;--blue:#4c92db}
*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans SC",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#0a1716;color:#dce6e4;padding:31px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#f3f8f6;text-decoration:none;font-size:20px;font-weight:700;padding:0 12px 34px}.brand>span:last-child>span{color:#52d8bf}.brand-mark{width:30px;height:30px;border:1px solid #3f665f;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px}.brand-mark i{display:block;width:3px;background:#49d6bb;border-radius:2px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{appearance:none;border:0;background:transparent;color:#8ea29e;padding:13px 14px;border-radius:8px;text-align:left;font:inherit;display:flex;align-items:center;gap:13px;cursor:pointer;transition:.2s}.nav-item:hover{background:#102725;color:#dff2ee}.nav-item.active{color:#58d8c0;background:#13302c}.nav-icon{font:20px "DM Mono";width:19px;text-align:center}.nav-item b{margin-left:auto;background:#243a37;color:#9bb0ac;font-size:10px;padding:2px 7px;border-radius:8px}.nav-item.active b{background:#215247;color:#67e1c9}.side-bottom{margin-top:auto}.system-status{border:1px solid #1e3532;background:#0e201e;border-radius:9px;padding:13px;display:flex;gap:10px;align-items:center;margin-bottom:13px}.pulse{width:7px;height:7px;border-radius:50%;background:#45d4a8;box-shadow:0 0 0 5px #173c33}.system-status div,.profile div{display:flex;flex-direction:column;gap:3px}.system-status strong,.profile strong{font-size:11px;font-weight:500}.system-status small,.profile small{font-size:9px;color:#687c78}.profile{width:100%;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #1f302e;background:transparent;color:white;padding:17px 4px 0;text-align:left}.profile>span{width:32px;height:32px;background:#29443f;border-radius:8px;display:grid;place-items:center;color:#83d4c4}.profile em{margin-left:auto;color:#657673;font-style:normal}main{margin-left:238px;min-height:100vh;padding:32px 38px 50px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header h1{font-size:24px;margin:4px 0 7px;letter-spacing:-.5px}header p{margin:0;color:#8a9694;font-size:12px}.eyebrow{font:500 9px "DM Mono";letter-spacing:1.6px;color:#4eb9a6!important}.header-actions{display:flex;gap:9px;align-items:center}.icon-btn,.primary-btn{height:38px;border-radius:7px;border:1px solid var(--line);background:#fff;cursor:pointer}.icon-btn{width:38px;font-size:21px;color:#687875}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e86259;border-radius:50%;right:8px;top:7px;border:1px solid white}.primary-btn{background:#147e70;color:white;border-color:#147e70;padding:0 18px;font-weight:600;box-shadow:0 4px 12px #147e7022}.primary-btn span{margin-right:5px}.page{display:none}.page.active{display:block}.hero-grid{display:grid;grid-template-columns:minmax(500px,1.9fr) minmax(300px,.85fr);gap:16px}.agent-card{background:linear-gradient(120deg,#0e2522,#0e1d1c);border-radius:12px;padding:23px 25px 20px;color:white;position:relative;overflow:hidden;box-shadow:0 5px 20px #10231f16}.agent-card:after{content:"";position:absolute;width:330px;height:330px;right:-120px;top:-180px;background:radial-gradient(circle,#2b7d6e26,transparent 68%)}.agent-head{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.agent-orb,.mini-orb{background:radial-gradient(circle at 35% 30%,#95f2dd,#2fa48e 50%,#133f38);display:grid;place-items:center;color:#ecfffb;box-shadow:0 0 20px #4cd6b955}.agent-orb{width:42px;height:42px;border-radius:10px;font-size:18px}.agent-head h2{font-size:17px;margin:3px 0}.agent-head p{font-size:11px;color:#8ca49f;margin:0}.status-line{color:#50d8b6;font:500 8px "DM Mono";letter-spacing:1px}.status-line span{display:inline-block;width:5px;height:5px;background:#50d8b6;border-radius:50%;margin-right:4px}.more{margin-left:auto;align-self:flex-start;background:none;color:#70847f;border:0;z-index:2}.agent-message{display:flex;gap:10px;background:#15302c;border:1px solid #20433d;padding:14px;margin-top:18px;border-radius:8px;position:relative;z-index:1}.mini-orb{width:24px;height:24px;min-width:24px;border-radius:6px;font-size:10px}.agent-message p{font-size:12px;line-height:1.8;margin:0 0 10px;color:#bbcfcb}.agent-message p strong{color:#fff}.agent-actions{display:flex;gap:8px}.agent-actions button,.quick-prompts button{font:500 10px "Noto Sans SC";cursor:pointer}.agent-actions button{border:1px solid #2a5b52;background:#1e4d45;color:#81dfcd;border-radius:5px;padding:6px 11px}.agent-actions button:last-child{background:transparent;color:#879f9a}.quick-prompts{display:flex;align-items:center;gap:7px;margin:12px 0;color:#6f8984;font-size:9px;position:relative;z-index:1}.quick-prompts button{border:1px solid #26403c;border-radius:5px;background:#112723;color:#91a7a2;padding:6px 9px}.quick-prompts button:hover{border-color:#42bba5;color:#6de0ca}.agent-input{height:41px;background:#f7faf9;border-radius:7px;display:flex;align-items:center;color:#238b79;padding:0 7px 0 13px;position:relative;z-index:1}.agent-input input{flex:1;border:0;background:transparent;outline:none;padding:0 9px;color:#21302e;font:11px "Noto Sans SC"}.agent-input kbd{font:9px "DM Mono";color:#8f9997;border:1px solid #d7dddb;background:white;padding:3px 5px;border-radius:4px}.agent-input button,.drawer-form button{width:29px;height:29px;border:0;border-radius:6px;background:#137d6e;color:white;font-size:17px;margin-left:8px}.health-card,.panel,.metrics article,.table-panel,.alert-board,.kanban>div,.knowledge-grid article{background:white;border:1px solid #e4e9e7;border-radius:11px}.health-card{padding:20px 22px}.card-title,.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.card-title span,.panel-head p{font:500 8px "DM Mono";letter-spacing:1.2px;color:#65b8a9;text-transform:uppercase}.card-title h3,.panel-head h3{font-size:15px;margin:5px 0}.card-title button,.panel-head button{font:10px "Noto Sans SC";border:1px solid var(--line);background:white;color:#75827f;border-radius:5px;padding:5px 8px}.gauge{height:140px;position:relative;display:flex;justify-content:center}.gauge svg{width:220px;overflow:visible}.gauge path{fill:none;stroke-width:11;stroke-linecap:round}.gauge-bg{stroke:#e9efed}.gauge-value{stroke:#27ad93;stroke-dasharray:247 267}.gauge>div{position:absolute;bottom:16px;text-align:center}.gauge strong{font:500 35px "DM Mono"}.gauge span{font:14px "DM Mono";color:#66736f}.gauge small{display:block;font-size:9px;color:#34a88f}.health-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0ef;border-bottom:1px solid #edf0ef;padding:12px 0}.health-stats div{text-align:center;border-right:1px solid #edf0ef}.health-stats div:last-child{border:0}.health-stats i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.green{background:#3abb9f}.amber{background:#e2a849}.red{background:#ee6760}.health-stats span{font-size:9px;color:#8a9492}.health-stats strong{display:block;font:500 14px "DM Mono";margin-top:4px}.health-foot{padding-top:12px;font-size:9px;color:#899391}.health-foot strong{color:#23a080;margin-left:6px}.health-foot small{float:right;color:#8d9996}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:14px 0}.metrics article{height:112px;padding:17px;display:flex;position:relative;overflow:hidden}.metric-icon{width:32px;height:32px;min-width:32px;border-radius:7px;display:grid;place-items:center;margin-right:11px;font-size:17px}.metric-icon.teal{color:#168c78;background:#e4f5f1}.metric-icon.blue{color:#3c86d2;background:#e8f1fb}.metric-icon.amber{color:#cf8e29;background:#f9f0dd}.metric-icon.violet{color:#8365cb;background:#f0ebfa}.metrics span{display:block;font-size:9px;color:#7d8986;margin-bottom:6px}.metrics strong{font:500 25px "DM Mono"}.metrics strong small{font:10px "Noto Sans SC";color:#86918f;margin-left:2px}.metrics em{font:9px "Noto Sans SC";font-style:normal;margin-left:6px;color:#7b8885}.metrics em.up{color:#1c9a7e}.metrics em.down{color:#d48f22}.spark{position:absolute;width:73px;height:32px;right:11px;bottom:15px;fill:none;stroke-width:1.5}.teal-line{stroke:#37bda5}.blue-line{stroke:#559ce2}.metric-note{position:absolute;bottom:17px;right:15px;font-size:9px;color:#929c9a}.metric-note b{color:#d78e25}.metric-note .violet-text{color:#8166c8}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.panel{padding:20px 21px}.panel-head p{margin:0}.panel-head button{border:0;color:#469d8d}.alert-list{margin-top:10px}.alert-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:13px 0;border-top:1px solid #edf0ef;align-items:center}.severity{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:12px}.severity.high{background:#fff0ee;color:#df5a53}.severity.medium{background:#fff6e6;color:#d4942d}.severity.low{background:#e9f6f3;color:#238f79}.alert-info strong{font-size:11px}.alert-info p{font-size:9px;color:#8b9693;margin:4px 0}.alert-info span{font-size:8px;color:#a1aaa8}.alert-score{text-align:right}.alert-score strong{font:500 12px "DM Mono";color:#2c8272}.alert-score span{display:block;font-size:8px;color:#98a19f;margin-top:4px}.legend{display:flex;gap:12px;font-size:8px;color:#84908d}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.teal-dot{background:#33bca4}.gray-dot{background:#a9b5b2}.chart{position:relative;height:205px;margin:6px 0 0;padding:0 3px 20px 28px}.chart svg{width:100%;height:180px;overflow:visible}.grid-lines line{stroke:#e7ecea;stroke-width:1;stroke-dasharray:3 4}.area-path{fill:url(#area)}.main-line{fill:none;stroke:#36bba3;stroke-width:2}.second-line{fill:none;stroke:#aab6b3;stroke-width:1.5;stroke-dasharray:4 4}.y-axis{position:absolute;left:0;top:0;height:180px;display:flex;flex-direction:column;justify-content:space-between;color:#a1aaa8;font:8px "DM Mono"}.x-axis{display:flex;justify-content:space-between;color:#a1aaa8;font:8px "DM Mono";padding-top:3px}.trend-summary{border-top:1px solid #edf0ef;padding-top:13px;display:flex;align-items:center;gap:26px}.trend-summary div span{display:block;font-size:8px;color:#929b99}.trend-summary strong{font:500 17px "DM Mono"}.trend-summary small{font-size:8px;color:#8d9694}.trend-summary em{margin-left:auto;font:9px "Noto Sans SC";font-style:normal;color:#2a9b83;background:#eaf7f4;padding:5px 7px;border-radius:4px}.simple-page{animation:fade .25s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.section-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 23px}.section-head p{font:500 9px "DM Mono";letter-spacing:1.5px;color:#38a48f;margin:0}.section-head h2{font-size:25px;margin:4px 0}.section-head span{font-size:11px;color:#8d9795}.table-panel{padding:18px}.table-tools{display:flex;gap:10px;margin-bottom:15px}.table-tools input{width:320px;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:11px "Noto Sans SC"}.table-tools button{border:1px solid var(--line);background:white;border-radius:6px;color:#65736f}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;color:#8d9996;font-weight:500;padding:11px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:15px 11px;border-bottom:1px solid #edf1ef}td strong{display:block}td small{color:#9ba4a2}.badge{padding:4px 8px;border-radius:10px;font-size:8px}.badge.ok{background:#e7f6f2;color:#1d917b}.badge.warn{background:#fff3df;color:#c78724}.badge.bad{background:#ffedeb;color:#d75650}.score{font:500 12px "DM Mono";color:#258d79}.alert-board{padding:4px 21px}.alert-board .alert-row{grid-template-columns:auto 1fr 180px 110px}.alert-suggestion{font-size:9px;color:#778581;line-height:1.7}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kanban>div{padding:15px;min-height:440px}.kanban h3{font-size:12px;margin:0 0 14px}.kanban h3 span{float:right;color:#929d9a}.order-card{border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:10px}.order-card em{font:8px "DM Mono";font-style:normal;color:#3c9c8a}.order-card h4{font-size:11px;margin:8px 0}.order-card p{font-size:9px;color:#8b9693}.order-card footer{display:flex;justify-content:space-between;border-top:1px solid #edf0ef;padding-top:9px;font-size:8px;color:#8d9795}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-grid article{padding:20px}.knowledge-grid i{font-style:normal;font-size:24px}.knowledge-grid h3{font-size:13px}.knowledge-grid p{font-size:10px;color:#7f8c89;line-height:1.8}.knowledge-grid footer{border-top:1px solid var(--line);padding-top:11px;font-size:8px;color:#9ba4a2}.drawer-backdrop{position:fixed;inset:0;background:#06110f66;z-index:40;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.agent-drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,100%);background:#f6f8f7;z-index:41;transform:translateX(102%);transition:.3s;box-shadow:-15px 0 40px #071d1925;display:flex;flex-direction:column}.agent-drawer.open{transform:none}.drawer-head{height:76px;background:#0e211f;color:white;padding:15px 18px;display:flex;justify-content:space-between;align-items:center}.drawer-head>div{display:flex;gap:10px;align-items:center}.drawer-head strong,.drawer-head small{display:block}.drawer-head small{font-size:9px;color:#83a19b;margin-top:3px}.drawer-head small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#42d1a8}.drawer-head button{background:none;border:0;color:#91a5a1;font-size:26px}.conversation{flex:1;overflow:auto;padding:22px}.message{display:flex;gap:9px;margin-bottom:18px}.message>span{width:25px;height:25px;min-width:25px;border-radius:6px;background:#1e8d79;color:white;display:grid;place-items:center;font-size:10px}.message>div{background:white;border:1px solid var(--line);padding:11px 13px;border-radius:2px 9px 9px 9px;font-size:11px;line-height:1.8;box-shadow:0 3px 10px #1b3d3520}.message.user{justify-content:flex-end}.message.user>div{background:#177d6e;color:white;border:0;border-radius:9px 2px 9px 9px;max-width:80%}.message.user>span{display:none}.message .steps{margin-top:10px;border-top:1px solid #edf0ef;padding-top:8px}.message .steps p{margin:5px 0;font-size:10px}.reasoning{padding:0 22px 12px;color:#697875;font-size:10px}.reasoning.hidden{display:none}.reasoning div{display:flex;gap:4px}.reasoning span{width:5px;height:5px;background:#2ab69b;border-radius:50%;animation:bounce 1s infinite}.reasoning span:nth-child(2){animation-delay:.15s}.reasoning span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-5px)}}.drawer-form{display:flex;background:white;border-top:1px solid var(--line);padding:15px}.drawer-form input{flex:1;border:1px solid var(--line);border-radius:7px;padding:11px;outline:none}.toast{position:fixed;right:25px;bottom:25px;background:#102824;color:white;padding:12px 17px;border-radius:8px;display:flex;align-items:center;gap:9px;z-index:60;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast span{color:#51dfbe}.toast p{margin:0;font-size:11px}
@media(max-width:1100px){.sidebar{width:78px;padding:28px 12px}.brand>span:last-child,.nav-item span:not(.nav-icon),.nav-item b,.side-bottom{display:none}.brand{padding:0 10px 35px}.nav-item{justify-content:center}.nav-icon{font-size:22px}main{margin-left:78px;padding:28px 25px}.metrics{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1.5fr 1fr}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:fixed;top:auto;right:0;width:auto;height:64px;flex-direction:row;padding:8px;z-index:30}.brand{display:none}.nav{width:100%;flex-direction:row;justify-content:space-around}.nav-item{padding:9px}.nav-item:nth-child(n+5){display:none}main{margin-left:0;padding:20px 14px 80px}header h1{font-size:20px}.header-actions .icon-btn{display:none}.hero-grid,.metrics,.content-grid,.kanban,.knowledge-grid{grid-template-columns:1fr}.health-card{display:none}.agent-card{padding:19px 16px}.quick-prompts{overflow:auto}.metrics article{height:100px}.alert-board .alert-row{grid-template-columns:auto 1fr}.alert-suggestion{display:none}.table-panel{overflow:auto}.section-head{align-items:flex-start}.section-head .primary-btn{margin-top:20px}.trend-panel{overflow:hidden}}

.region-panel{background:white;border:1px solid #e4e9e7;border-radius:11px;padding:20px 21px;margin-bottom:14px}.map-filter{display:flex;align-items:center;gap:12px;font-size:8px;color:#84908d}.map-filter button{font:10px "Noto Sans SC";border:1px solid var(--line);background:white;color:#65736f;border-radius:5px;padding:6px 9px;margin-left:5px}.amber-dot{background:#e2a849}.red-dot{background:#ef665f}.region-layout{display:grid;grid-template-columns:minmax(500px,1fr) 240px;gap:22px;margin-top:10px}.map-wrap{height:292px;border-radius:8px;background:linear-gradient(135deg,#f7fbfa,#edf6f4);position:relative;overflow:hidden}.map-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#cde1dc33 1px,transparent 1px),linear-gradient(90deg,#cde1dc33 1px,transparent 1px);background-size:28px 28px}.region-map{width:100%;height:100%;position:relative}.map-land{fill:url(#mapBg);stroke:#98c8be;stroke-width:1.4}.map-boundaries path{fill:none;stroke:#bad8d2;stroke-width:1}.region-marker{cursor:pointer;color:#249a84;transition:.2s}.region-marker circle:not(.marker-ring){fill:currentColor;stroke:white;stroke-width:2}.region-marker .marker-ring{fill:currentColor;opacity:.15}.region-marker text{fill:#5a706b;font:500 10px "Noto Sans SC";text-anchor:middle;pointer-events:none}.region-marker:hover,.region-marker.active{color:#087e6b;filter:url(#mapGlow)}.region-marker.warning{color:#e0a13a}.region-marker.danger{color:#e75f58}.region-marker.active .marker-ring{opacity:.3;animation:mapPulse 1.8s infinite}@keyframes mapPulse{50%{r:20;opacity:.08}}.map-tip{position:absolute;left:12px;bottom:10px;background:#ffffffd9;border:1px solid #dce8e5;border-radius:5px;padding:5px 8px;color:#8a9895;font-size:8px}.region-detail{border-left:1px solid #e6ebe9;padding:15px 0 8px 22px}.region-title{display:flex;justify-content:space-between;align-items:end}.region-title span{font:8px "DM Mono";color:#84938f}.region-title h4{font-size:20px;margin:4px 0 0}.region-title>strong{font:500 24px "DM Mono";color:#168e79}.region-title>strong small{font-size:9px}.region-status{display:flex;align-items:center;gap:8px;background:#eaf7f3;padding:8px 10px;border-radius:6px;margin:13px 0}.region-status .pulse{box-shadow:0 0 0 4px #bee9de}.region-status p{font-size:9px;color:#258a76;margin:0}.region-detail dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.region-detail dl div{padding:11px 0;border-bottom:1px solid #edf1ef}.region-detail dt{font-size:8px;color:#8e9996}.region-detail dd{font:500 15px "DM Mono";margin:5px 0 0}.region-ranking{display:flex;justify-content:space-between;padding:12px 0;font-size:9px;color:#84918e}.region-ranking strong{color:#268f7b}.region-detail>button{width:100%;border:1px solid #b9dcd5;background:#f2faf8;color:#188672;border-radius:6px;padding:9px;font:500 9px "Noto Sans SC";cursor:pointer}.region-detail>button span{float:right}
@media(max-width:1100px){.region-layout{grid-template-columns:1fr 210px}}@media(max-width:760px){.region-layout{grid-template-columns:1fr}.map-filter span{display:none}.map-wrap{height:230px}.region-detail{border-left:0;border-top:1px solid #e6ebe9;padding:15px 0 0}}
#regionMap{position:absolute;inset:0;z-index:2;background:#e8f1ef}.map-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#eef6f4;color:#748985;font-size:10px;pointer-events:none}.leaflet-container{font-family:"Noto Sans SC",sans-serif}.leaflet-control-attribution{font-size:7px!important}.leaflet-control-scale-line{border-color:#68837e!important;color:#526d68!important;background:#ffffffbf!important}.leaflet-tooltip{border:0!important;border-radius:6px!important;box-shadow:0 4px 16px #132f2925!important;font-size:9px!important;line-height:1.7!important}.meter-marker{filter:drop-shadow(0 2px 4px #183d363b)}