:root{--green:#13795b;--green2:#e8f5ef;--blue:#2e71ff;--orange:#ee7a18;--red:#d94b4b;--ink:#1e2925;--muted:#718079;--line:#e4e9e6;--bg:#f4f7f5;--card:#fff;--shadow:0 8px 28px rgba(31,72,55,.07)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#d9f4e8 0,transparent 35%),linear-gradient(135deg,#f5faf7,#eef3f0)}.login-card{width:min(420px,calc(100vw - 40px));background:white;padding:44px;border-radius:24px;box-shadow:0 24px 70px rgba(23,76,57,.14)}.brand-mark,.brand>span{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1a956d,#106247);font-weight:800}.brand-mark{width:52px;height:52px;border-radius:16px;font-size:25px}.login-card h1{font-size:24px;margin:22px 0 7px}.login-card>p{color:var(--muted);margin:0 0 30px}.login-card label{display:block;color:#53615b;font-size:14px;margin:16px 0}.login-card input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;margin-top:8px;outline:none}.login-card input:focus{border-color:var(--green)}button{cursor:pointer}.primary{border:0;background:var(--green);color:white;border-radius:10px;padding:12px 18px}.login-card .primary{width:100%;margin-top:10px}.form-error{height:22px;color:var(--red);font-size:13px;margin-top:12px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#10271f;color:white;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brand>span{width:38px;height:38px;border-radius:11px}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{opacity:.6;margin-top:3px}nav{padding:20px 0;display:grid;gap:5px;overflow:auto}nav button,.logout{border:0;color:#b9c8c2;background:transparent;text-align:left;padding:11px 14px;border-radius:9px}nav button:hover,nav button.active{background:rgba(255,255,255,.1);color:#fff}.logout{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:18px}main{grid-column:2;min-width:0}header{height:92px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}header h2{margin:0;font-size:21px}header p{margin:5px 0 0;color:var(--muted);font-size:13px}.city-picker{font-size:13px;color:var(--muted)}.city-picker select{margin-left:9px;border:1px solid var(--line);border-radius:9px;padding:9px 34px 9px 12px;background:#fff}.content{padding:28px 34px 60px;max-width:1500px}.loading,.empty{padding:50px;text-align:center;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px}.metric{background:#fff;border:1px solid #edf0ee;border-radius:15px;padding:20px;box-shadow:var(--shadow)}.metric span{color:var(--muted);font-size:13px}.metric b{display:block;font-size:30px;margin-top:9px}.metric.warn b{color:var(--orange)}.metric.danger b{color:var(--red)}.panel{background:#fff;border-radius:15px;border:1px solid #edf0ee;box-shadow:var(--shadow);margin-top:18px;overflow:hidden}.panel-head{min-height:60px;padding:14px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:16px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:white}.toolbar button,.table button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 11px}.toolbar .primary,.table .primary{background:var(--green);border-color:var(--green);color:#fff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:13px 16px;border-bottom:1px solid #eef1ef;text-align:left;white-space:nowrap}.table th{color:#718079;font-weight:500;background:#fbfcfb}.table td.wrap{white-space:normal;min-width:230px}.tag{display:inline-block;border-radius:99px;padding:4px 9px;background:#eef2f0;color:#607069;font-size:12px}.tag.green{background:#e7f6ef;color:#107653}.tag.orange{background:#fff2e5;color:#b65c11}.tag.red{background:#fdebea;color:#bd3e3e}.tag.blue{background:#e9f0ff;color:#3568ce}.inline-stats{display:flex;gap:10px}.inline-stats span{padding-right:10px;border-right:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding:18px}.form-grid label{display:grid;gap:6px;color:#617069;font-size:13px}.form-grid .wide{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.notice{padding:13px 16px;border-radius:10px;background:#fff8e7;color:#815d18;margin-bottom:17px}.toast{position:fixed;right:28px;bottom:28px;opacity:0;pointer-events:none;background:#1e2925;color:#fff;padding:12px 17px;border-radius:9px;transform:translateY(10px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px;padding:18px 9px}.brand div,nav button{font-size:0}.brand{padding:0 8px 15px}.brand>span{flex:none}.metric-grid{grid-template-columns:repeat(2,1fr)}header,.content{padding-left:20px;padding-right:20px}}@media(max-width:650px){.sidebar{display:none}.app-shell{display:block}main{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}header{height:auto;gap:12px;padding-top:14px;padding-bottom:14px;align-items:flex-start;flex-direction:column}.content{padding:16px}.form-grid{grid-template-columns:1fr}}