:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#203b40;background:#f1f5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:42px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{color:#527875;letter-spacing:2px;font-size:11px;font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}h1 span{display:inline-block;font-weight:400;color:#568c85;margin-left:18px}header p{color:#718682;margin:0;font-size:14px}.header-right{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.pill{border:1px solid #d1dfdb;background:#fff;padding:10px 16px;border-radius:30px;font-size:13px}.meta{font-size:12px;color:#718682}.path{display:flex;align-items:center;justify-content:space-between;background:#173f40;color:#e2f0ec;padding:20px 25px;border-radius:14px;margin-bottom:20px;font-size:13px}.path b{font-size:11px;color:#8fbbb1;font-weight:400}.panel{background:#fff;border:1px solid #dde6e2;border-radius:14px;padding:24px;margin-bottom:20px}.setup{padding:20px 24px}summary{cursor:pointer;font-weight:600;font-size:14px}summary span{margin-left:15px;font-size:12px;font-weight:400;color:#7a8a86}form{display:grid;grid-template-columns:1.45fr 1fr 1fr auto;gap:14px;align-items:end;margin-top:20px}label{font-size:11px;color:#67817b;display:block}input{display:block;width:100%;margin-top:8px;border:1px solid #d0ddd7;border-radius:7px;padding:11px;background:#f9fbfa;color:#203b40;font-family:inherit;font-size:12px;min-width:0}input:focus{outline:2px solid #259487;outline-offset:1px}.actions{display:flex;gap:8px}button{border:0;background:#147c6e;color:white;border-radius:7px;padding:12px 15px;font-family:inherit;cursor:pointer;white-space:nowrap;font-size:12px}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#edf3f0;color:#45665c}.hint{color:#85948e;font-size:11px;line-height:1.7}#notice{border-top:1px solid #e8eeeb;padding-top:14px;margin-top:14px;color:#52756c;font-size:12px;line-height:1.8}.overview{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.label{color:#6b857c;font-size:12px;letter-spacing:1px}.risk{background:#f7fbf8;border-left:5px solid #a9c8bc}.risk[data-level="NORMAL"]{border-left-color:#209c77}.risk[data-level="OBSERVE"]{border-left-color:#c6a02b;background:#fffdf3}.risk[data-level="WARNING"]{border-left-color:#e48b27;background:#fff9ed}.risk[data-level="ALARM"]{border-left-color:#d54d43;background:#fff3f1}.risk-value{font-size:36px;font-weight:650;margin:14px 0 7px}.risk p{font-size:13px;color:#657a72;margin:0 0 24px}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{padding:7px 10px;font-size:11px;background:#fff;border:1px solid #dfe8e2;border-radius:5px}.receipt-value{margin:18px 0 8px;display:flex;gap:12px;align-items:baseline}.receipt-value strong{font-size:42px;font-weight:500}.receipt-value span{font-size:12px;color:#718682}.receipt p{font-size:13px}.receipt .meta{line-height:1.9}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.metric{padding:20px 18px;background:white;border:1px solid #dde6e2;border-radius:12px}.metric-title{font-size:11px;color:#6e817a}.metric-value{font-size:27px;margin:14px 0 8px;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-value small{font-size:11px;margin-left:5px;color:#8b9993}.metric-detail{font-size:11px;color:#8b9993;min-height:15px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h2{font-size:15px;font-weight:600;margin:0}.section-head>span{font-size:11px;color:#89998f}.chart{height:245px;position:relative;margin-top:22px}.fp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.fp-grid div{font-size:11px;color:#7a8e83}.fp-grid strong{display:block;font-size:16px;font-weight:500;margin-top:12px;color:#294d3d}.table-wrap{overflow-x:auto;max-height:340px}table{border-collapse:collapse;width:100%;font-size:12px;margin-top:10px}th{text-align:left;font-weight:400;color:#84948b;background:#f5f8f6;white-space:nowrap}th,td{padding:13px 14px;border-bottom:1px solid #edf0ee}td{line-height:1.5}.empty{text-align:center;color:#95a69d;padding:32px}.raw{padding:18px 24px}.raw summary{font-size:12px;color:#6a8276}.raw p{font-size:12px;color:#809387}pre{font-size:12px;white-space:pre-wrap;word-break:break-all;color:#536d60}footer{display:flex;justify-content:space-between;font-size:11px;color:#88998f;gap:20px;line-height:1.7}.stale .metric-value{color:#87968e}@media(max-width:1000px){form{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.fp-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){main{padding:24px 16px}header{display:block}h1{font-size:26px}h1 span{margin-left:10px}.header-right{align-items:flex-start;margin-top:20px}.path{gap:12px;flex-wrap:wrap;font-size:11px;padding:16px}.path b{display:none}.overview,.chart-grid{grid-template-columns:1fr;gap:0}.metrics{grid-template-columns:repeat(2,1fr)}form{grid-template-columns:1fr}.panel{padding:20px}summary span{display:block;margin:8px 0 0}.fp-grid{grid-template-columns:repeat(2,1fr)}footer{display:block}.chart{height:230px}}

.quick-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.power-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.power-grid div{font-size:12px;color:#718682}.power-grid strong{display:block;font-size:18px;color:#203b40;margin-top:10px}.stale .power-grid strong{color:#87968e}.risk[data-level="WATCH"]{border-left-color:#c6a02b;background:#fffdf3}@media(max-width:640px){.power-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions .meta{flex-basis:100%}.power-grid strong{font-size:16px}}
