:root{--deep:#123c32;--gold:#e7a934;--bg:#f3f7f5;--line:#dbe6e2;--red:#c7473a;--green:#14735c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172b26;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px}header{background:var(--deep);color:#fff;padding:20px 4vw;display:flex;justify-content:space-between;align-items:center}header small{color:#b9ddd3}h1{font-size:25px;margin:4px 0}.wrap{max-width:1260px;margin:auto;padding:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 22px #123c320a}.card{padding:17px}.card span{color:#64748b;font-size:13px}.card strong{display:block;margin-top:7px;font-size:22px}.green{color:var(--green)}.red{color:var(--red)}nav{display:flex;gap:6px;background:#fff;padding:7px;border:1px solid var(--line);border-radius:14px;margin:18px 0;overflow:auto}nav button{white-space:nowrap;border:0;background:transparent;border-radius:10px;padding:11px 17px;font-weight:700;color:#52645f;cursor:pointer}nav button.active{background:#e6f0ed;color:var(--deep)}.panel{padding:22px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:7px;font-size:14px;font-weight:700;color:#52645f}input,select{width:100%;height:45px;border:1px solid #cad8d3;border-radius:10px;background:#fff;padding:0 12px;font:inherit;color:#172b26}.amount{font-weight:800;font-size:18px}.primary{width:100%;height:48px;border:0;border-radius:11px;margin-top:18px;background:var(--gold);font-weight:800;color:#173a32;cursor:pointer}.quick{display:flex;justify-content:space-between;width:100%;padding:15px;margin-top:10px;border:1px solid var(--line);background:#f8fbfa;border-radius:11px;font-weight:700;cursor:pointer}.quick:hover{border-color:#4f8a79}.hide{display:none}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:17px}.toolbar input{width:165px}h2{font-size:19px;margin:0 0 5px}.desc{font-size:14px;color:#71807c;margin:0 0 18px}.tablewrap{overflow:auto;max-height:560px}table{border-collapse:collapse;width:100%;min-width:740px}th,td{padding:12px 10px;border-bottom:1px solid #e5ece9;text-align:left;font-size:14px}th{position:sticky;top:0;background:#f8fbfa;color:#60706b}td.num,th.num{text-align:right}.danger{border:0;background:transparent;color:#b84c41;cursor:pointer}.tools{display:flex;gap:8px}.secondary{height:40px;border:1px solid #cbd8d4;background:#fff;border-radius:9px;padding:0 14px;cursor:pointer}.notice{margin-top:12px;color:var(--green);font-size:14px;text-align:center}.tip{margin-top:18px;padding:13px;background:#fff8e8;border:1px solid #f1d99f;border-radius:11px;color:#75581d;font-size:14px}.backup{display:grid;grid-template-columns:1fr 1fr;gap:16px}.backup article{border:1px solid var(--line);border-radius:13px;padding:18px}.empty{text-align:center;color:#83908c;padding:30px}
.chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chartbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.chartbox.wide{grid-column:1/-1}.chartbox h3{margin:0;font-size:16px}.chartbox p{margin:4px 0 12px;color:#71807c;font-size:13px}.chartbox svg{width:100%;height:auto;display:block}
@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.grid,.chartgrid{grid-template-columns:1fr}.chartbox.wide{grid-column:auto}.wrap{padding:15px}}@media(max-width:560px){.cards,.formgrid,.backup{grid-template-columns:1fr}.card strong{font-size:19px}.panel{padding:16px}}