:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#193540;background:#f0f4f5;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#102e39;color:#9bb9c3;padding:34px 22px}.brand{font-size:18px;color:#62e2bb;font-weight:700}aside p{font-size:12px;margin:12px 0 35px}aside nav{display:grid;gap:10px}aside button{background:none;border:0;color:#bdd0d6;text-align:left;padding:14px}aside button.selected{background:#23505a;color:#85f5cd}aside a{display:block;color:#aac5ce;margin-top:30px;font-size:12px}.sidebar-foot{position:absolute;bottom:30px;line-height:2;font-size:12px}main{margin-left:238px;padding:34px;max-width:1800px}header,.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin-bottom:26px}header small{letter-spacing:3px;color:#087e70;font-weight:700}h1{font-size:28px;margin:8px 0}h2{font-size:19px;margin:0 0 16px}h3{font-size:16px}p{color:#59717e;line-height:1.8}button{cursor:pointer;background:#fff;border:1px solid #cbd9de;padding:9px 16px;border-radius:6px;font:inherit;color:#17443f}button:hover{background:#eaf8f3}button:disabled{opacity:.5;cursor:wait}a{color:#087c70}.pill{background:#e5f3ee;color:#167457;padding:6px 11px;border-radius:30px;white-space:nowrap;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article,.panel,.regions article{background:#fff;border:1px solid #dce7eb;border-radius:10px;padding:24px}.metrics span{color:#58747c}.metrics strong{display:block;font-size:37px;margin:8px 0}.metrics small,.fine{color:#68808a;font-size:12px;line-height:1.9}.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.regions strong{font-size:20px}.regions p{margin-bottom:0}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.panel{margin-bottom:18px}.callout{padding:15px;background:#eaf6f2;border-left:3px solid #1b9b7e;color:#3e6b5e;font-size:13px;line-height:1.9;margin:14px 0}dl{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}dt{color:#68808a}dd{margin:0;overflow-wrap:anywhere}.table-wrap{max-height:600px;overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f1f6f7;color:#647f87;position:sticky;top:0;text-align:left}th,td{padding:12px;border-bottom:1px solid #e3ebed;vertical-align:top}td{max-width:340px;overflow-wrap:anywhere}.empty{padding:35px;color:#788f99;text-align:center}label{display:grid;gap:7px;color:#607883}input,select,textarea{font:inherit;border:1px solid #cadce0;padding:10px;border-radius:6px;min-width:0}textarea{min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.check{display:flex;align-items:center}.check input{width:auto}#login{max-width:580px;margin:60px auto}#login form{display:grid;gap:20px}#notice{background:#fff0dd;padding:15px;border-radius:6px;margin-bottom:18px;color:#8a521c}#feature-sketch{width:100%;height:auto;background:#f6faf9;border-radius:7px}footer{color:#80949c;font-size:11px;margin-top:25px}[hidden]{display:none!important}@media(max-width:1000px){main{padding:22px}.metrics{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}header{align-items:flex-start}.actions{flex-wrap:wrap}}@media(max-width:700px){aside{position:static;width:auto;padding:18px}aside nav{display:flex;flex-wrap:wrap;gap:0}aside p,aside a,.sidebar-foot{display:none}main{margin:0;padding:15px}header{display:block}.actions{justify-content:flex-start}.regions{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.panel{padding:18px}h1{font-size:24px}}