:root{color:#193a37;font-synthesis:none;background:#f4f7f4;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#23604f;background:#fff;border:1px solid #d7e4df;border-radius:8px;padding:11px 17px;transition:background .15s}button:hover{background:#e7f1eb}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6ab99c}small{color:#728881;font-size:12px;line-height:1.8;display:block}h1{letter-spacing:-1px;margin:9px 0 12px;font-size:30px}h2{margin:0 0 12px;font-size:18px}p{line-height:1.7}b{font-weight:650}.demo{text-align:center;letter-spacing:.4px;color:#46684f;background:#e5eee5;border-bottom:1px solid #d0dfd3;padding:9px 16px;font-size:12px}.layout{min-height:calc(100vh - 36px);display:flex}aside{background:#fcfdfb;border-right:1px solid #e0e7e0;flex-direction:column;flex-shrink:0;width:220px;padding:34px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand b{font-size:22px}.mark{color:#fff;background:#13795f;border-radius:15px;padding:8px 12px;font-size:24px;font-weight:700}nav{gap:9px;margin-top:50px;display:grid}nav button{text-align:left;color:#72877f;background:0 0;border:0;padding:16px}nav button.selected{color:#08735a;background:#e7f2ec;font-weight:700}.sidebar-footer{margin-top:auto;padding-top:50px;font-size:12px}.sidebar-footer button{margin-top:15px}.content{width:100%;min-width:0;max-width:1500px;padding:40px 48px}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.eyebrow{color:#168a76;letter-spacing:2px;margin:0;font-size:12px}.muted{color:#7b8d83;font-size:12px}.badge{color:#227b61;white-space:nowrap;background:#e9f2ec;border:1px solid #d9e9df;border-radius:20px;padding:9px 14px;font-size:12px}.panel{background:#fff;border:1px solid #dfe7e1;border-radius:13px;margin-bottom:20px;padding:24px}.filters{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.filters label{color:#789083;gap:8px;font-size:12px;display:grid}.filters input,.filters select{color:#315e4e;background:#fff;border:1px solid #d7e4df;border-radius:7px;min-width:136px;height:40px;padding:0 12px}.primary{color:#fff;background:#13795f;border-color:#13795f}.primary:hover{background:#0a624b}.notice{color:#587b66;background:#ebf3eb;border:1px solid #dce9df;border-radius:9px;margin:20px 0;padding:16px 19px;font-size:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.card{background:#fff;border:1px solid #dfe7e1;border-radius:13px;min-height:144px;padding:23px}.card:first-child{background:#e9f3eb}.card p{color:#7b8d83;margin:0 0 12px;font-size:12px}.card strong{margin-bottom:9px;font-size:30px;font-weight:550;display:block}.chart{border-bottom:1px solid #e7ece7;align-items:end;gap:6px;height:174px;margin-top:25px;display:flex;overflow-x:auto}.bar-slot{text-align:center;flex:1;min-width:12px}.bar{background:#5ea98c;border-radius:4px 4px 0 0;max-width:38px;margin:auto}.bar-slot small{font-size:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th{text-align:left;color:#729080;background:#f5f8f4;font-weight:400}th,td{border-bottom:1px solid #e7ece7;padding:17px 14px}.mono{font:12px ui-monospace,monospace}footer{color:#8c9e91;padding-top:10px;font-size:11px}footer p{margin:4px 0}.error{color:#a33424;background:#fff0eb;border:1px solid #f2c2b2;border-radius:8px;padding:14px}.empty{text-align:center;color:#7c8d81;padding:24px}.login{max-width:660px;margin:65px auto;padding:36px}.login .brand{margin-bottom:44px}.profiles{gap:12px;margin-top:30px;display:grid}.profiles button{text-align:left;padding:18px 22px}.profiles small{margin-top:5px}@media (width<=1050px){.content{padding:30px 24px}aside{width:185px;padding:28px 17px}.card strong{font-size:25px}}@media (width<=720px){.layout{display:block}aside{border-bottom:1px solid #dde7df;width:100%;padding:18px}.brand b{font-size:18px}nav{flex-wrap:wrap;gap:4px;margin-top:16px;display:flex}nav button{padding:10px}.sidebar-footer{align-items:center;gap:10px;padding-top:12px;display:flex}.sidebar-footer small{display:none}.sidebar-footer button{margin:0 0 0 auto;padding:7px}.content{padding:24px 16px}header{align-items:start}header .badge{font-size:10px}h1{font-size:26px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{min-height:135px;padding:16px}.card strong{font-size:23px}.filters{gap:12px}.filters label{flex:1}.filters input,.filters select{width:100%;min-width:115px}.panel{padding:18px}.login{margin:20px auto;padding:24px}}