:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#202622;background:#f4f6f4;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:238px;padding:22px 14px 18px;background:#1e2421;color:#e9eeeb;display:flex;flex-direction:column}.brand{height:46px;display:flex;align-items:center;gap:11px;padding:0 9px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#18201c;background:#55c590;font-weight:800}.brand div,.user-mini div{display:flex;min-width:0;flex-direction:column}.brand strong{font-size:15px}.brand small,.user-mini small{color:#8e9a93;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:4px;margin-top:26px}.sidebar button{border:0;background:transparent;color:#aeb8b2}.sidebar nav button,.sidebar-foot>button{height:42px;padding:0 11px;border-radius:6px;display:flex;align-items:center;gap:11px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#303a35;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #55c590}.sidebar nav b{margin-left:auto;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:#e76f51;color:#fff;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #343d38;padding-top:12px}.sidebar-foot>button{width:100%}.user-mini{margin-top:10px;padding:12px 9px 0;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px}.user-mini>span,.profile-button>span{display:grid;place-items:center;border-radius:50%;background:#e8c96a;color:#31352f;font-weight:700}.user-mini>span{width:32px;height:32px}.user-mini strong{font-size:13px}main{margin-left:238px;min-height:100vh}.topbar{height:76px;padding:0 28px;background:#fff;border-bottom:1px solid #e4e9e5;display:flex;align-items:center;gap:14px}.topbar h1{margin:0;font-size:21px;line-height:1.3}.topbar p{margin:3px 0 0;color:#7b857f;font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe5e1;border-radius:6px;background:#fff;color:#5a655f}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;right:8px;top:7px;width:6px;height:6px;border:2px solid white;border-radius:50%;background:#e76f51}.profile-button{height:38px;padding:0 9px 0 5px;border:1px solid #dfe5e1;border-radius:6px;background:#fff;display:flex;align-items:center;gap:7px;color:#343b37}.profile-button>span{width:28px;height:28px;font-size:12px}.profile-button b{font-size:13px}.content{max-width:1460px;margin:0 auto;padding:24px 28px 40px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics article{min-height:126px;padding:18px;border:1px solid #e0e6e2;border-radius:7px;background:#fff;display:flex;gap:12px;align-items:flex-start;position:relative}.metric-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px}.metric-icon.green{color:#167a50;background:#ddf4e8}.metric-icon.coral{color:#b54831;background:#fbe5df}.metric-icon.ink{color:#4d5a53;background:#ebefec}.metric-icon.amber{color:#8b6911;background:#fff2c9}.metrics article>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.metrics small,.metrics em{color:#78827c;font-size:12px;font-style:normal}.metrics strong{margin:7px 0 8px;font-size:24px;line-height:1}.metrics strong i{font-size:13px;color:#79837d;font-style:normal;font-weight:500}.metrics article>button{position:absolute;right:16px;top:16px;border:0;background:transparent;color:#167a50;font-weight:600;font-size:12px}.notice{min-height:46px;margin-top:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:1px solid #f0d889;border-radius:6px;background:#fff9e7;color:#665421;font-size:12px}.notice svg{flex:0 0 auto}.notice button{margin-left:auto;border:0;background:transparent;color:#705a13;font-weight:700}.main-grid{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.9fr);gap:14px}.panel{border:1px solid #e0e6e2;border-radius:7px;background:#fff}.panel-head{min-height:65px;padding:15px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0ee}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:#89928d;font-size:11px}.panel-head>:last-child{margin-left:auto}.panel-head select{height:32px;border:1px solid #dce2de;border-radius:5px;padding:0 28px 0 9px;background:#fff;color:#56615b;font-size:12px}.chart-total{padding:18px 20px 0;display:flex;align-items:baseline;gap:9px}.chart-total strong{font-size:24px}.chart-total span{color:#77817b;font-size:11px}.chart-total em{color:#18865a;font-size:11px;font-style:normal}.chart-wrap{height:210px;margin:4px 18px 14px;position:relative}.chart-wrap svg{position:absolute;top:8px;right:0;bottom:22px;left:0;width:100%;height:calc(100% - 30px);overflow:visible}.chart-line{fill:none;stroke:#299669;stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-wrap circle{fill:#fff;stroke:#299669;stroke-width:.8;vector-effect:non-scaling-stroke}.chart-grid{position:absolute;top:8px;right:0;bottom:22px;left:0;background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(25% - 1px),#e9eeeb 25%)}.chart-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#98a19c;font-size:10px}.benefit-panel{padding-bottom:7px}.benefit-row{padding:15px 18px 8px}.benefit-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.benefit-row b{font-size:11px}.benefit-row small{display:block;margin-top:6px;color:#8b948f;font-size:10px}.progress{height:5px;margin-top:9px;overflow:hidden;border-radius:3px;background:#edf1ee}.progress span{display:block;height:100%;border-radius:inherit}.progress .green{background:#3aaa79}.progress .coral{background:#e6785f}.text-button{border:0;background:transparent;color:#168158;font-size:12px}.sites-panel,.events-panel{margin-top:14px}.table-tools{display:flex;gap:8px}.table-tools label{width:190px;height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid #dce2de;border-radius:5px;color:#8c9690}.table-tools input{min-width:0;width:100%;border:0;outline:0;font-size:12px}.primary{height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;background:#217c57;color:#fff;font-weight:650;font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{height:38px;padding:0 18px;background:#fafbfa;color:#7f8883;font-size:10px;font-weight:600;text-align:left}td{height:64px;padding:0 18px;border-top:1px solid #edf0ee;color:#505a54;font-size:12px}tbody tr:hover{background:#fbfcfb}.site-cell{display:flex;align-items:center;gap:10px}.site-cell>span{width:31px;height:31px;display:grid;place-items:center;border-radius:6px;background:#e8f3ed;color:#237b58;font-weight:700}.site-cell>div{display:flex;flex-direction:column;gap:3px}.site-cell small{color:#909994}.status{width:max-content;padding:3px 7px;border-radius:10px;font-size:10px}.status.ok{color:#16764e;background:#e0f3e9}.status.pending{color:#8a6410;background:#fff0c8}.budget{min-width:130px}.budget .progress{margin-top:6px}.event-list>div{min-height:55px;padding:8px 18px;display:grid;grid-template-columns:32px minmax(140px,1fr) 100px 100px 60px;align-items:center;gap:10px;border-top:1px solid #edf0ee;font-size:12px}.event-list>div:first-child{border-top:0}.event-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#edf5f0;color:#267c59}.event-list div div{display:flex;flex-direction:column;gap:2px}.event-list small,.event-list time{color:#8a938e;font-size:10px}.event-list>div>strong{color:#4b5650}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#141c1885}.modal{width:min(480px,100%);padding:20px;border-radius:8px;background:#fff;box-shadow:0 20px 70px #14231b40}.modal-head{display:flex;gap:12px;align-items:flex-start}.modal-head h2{margin:0;font-size:17px}.modal-head p{margin:5px 0 0;color:#7b857f;font-size:11px}.modal-head button{margin-left:auto}.amount-grid{margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.amount-grid button{min-height:68px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px;border:1px solid #dfe5e1;border-radius:6px;background:#fff;color:#303a35}.amount-grid button:hover{border-color:#2e976c;background:#f5fbf7}.amount-grid span{color:#6f7973;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions>button:not(.primary){height:34px;padding:0 14px;border:1px solid #dce2de;border-radius:5px;background:#fff;color:#505b55}.mobile-menu,.mobile-close{display:none}@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:8px 0 30px #0003}.sidebar.open{transform:translate(0)}.mobile-close{display:grid;position:absolute;right:12px;top:14px;color:#c8d0cb;border-color:#414b45;background:#29312d}.mobile-menu{display:grid}main{margin-left:0}.topbar{height:68px;padding:0 14px}.topbar p,.profile-button b,.profile-button svg{display:none}.content{padding:14px 12px 28px}.metrics{grid-template-columns:1fr}.metrics article{min-height:108px}.notice{align-items:flex-start}.notice button{white-space:nowrap}.panel-head{align-items:flex-start;flex-wrap:wrap}.panel-head>:last-child{margin-left:0;width:100%}.table-tools{width:100%}.table-tools label{flex:1;width:auto}.event-list>div{grid-template-columns:32px 1fr auto}.event-list time,.event-list .status{display:none}.amount-grid{grid-template-columns:1fr}}