:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--orange:#f97316;--orange2:#ffedd5;--red:#e11d48;--green:#16a34a}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(135deg,#f5f5f4 0%,#fff7ed 55%,#f1f5f9 100%);margin:0;font-family:Microsoft YaHei,Arial,sans-serif}.page{max-width:1320px;margin:0 auto;padding:24px}.header,.card{background:#ffffffeb;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 10px 30px #0f172a0f}.header{margin-bottom:18px;padding:24px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.title{margin:4px 0;font-size:34px;font-weight:900}.badge{color:var(--orange);margin:0;font-weight:800}.desc{color:var(--muted);margin:0;line-height:1.7}.btn{background:var(--orange);color:#fff;cursor:pointer;border:1px solid #fed7aa;border-radius:12px;padding:10px 14px;font-weight:800}.btn2{border:1px solid var(--line);color:#334155;cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.btnDanger{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:8px 12px;font-weight:800}.grid{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.summary .card{padding:16px}.summary b{font-size:22px}.main{padding:18px}.side{padding:16px}.emp{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:16px;width:100%;margin:7px 0;padding:12px}.emp.active{background:var(--orange2);border-color:#fdba74}.tabs{background:#f1f5f9;border-radius:16px;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:6px;display:flex}.tab{cursor:pointer;color:#475569;background:0 0;border:0;border-radius:12px;padding:10px 12px;font-weight:800}.tab.active{color:var(--orange);background:#fff;box-shadow:0 4px 14px #0f172a14}.form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.field input,.field select{border:1px solid var(--line);width:100%;height:38px;color:var(--text);background:#fff;border-radius:12px;padding:0 10px}.field input[readonly]{background:#f8fafc}.hint{color:#94a3b8;margin-top:4px;font-size:12px}.result{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px;display:grid}.box{background:#f8fafc;border-radius:16px;padding:14px}.box b{font-size:20px}.orange{color:#9a3412;background:#ffedd5}.tableWrap{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}th,td{white-space:nowrap;text-align:left;border-bottom:1px solid #f1f5f9;padding:10px 12px}th{color:#64748b;background:#f8fafc}.right{text-align:right}.net{color:#c2410c;font-weight:900}.ok{color:var(--green);font-weight:800}.warn{color:#b45309}.small{color:var(--muted);font-size:12px}@media (width<=900px){.grid{grid-template-columns:1fr}.page{padding:12px}}.empty{color:#64748b;background:#f8fafc;border-radius:18px;padding:28px}label.btn2{align-items:center;display:inline-flex}input[type=month]{border:1px solid var(--line);height:38px;color:var(--text);background:#fff;border-radius:12px;padding:0 10px;font-weight:800}