:root{--green:#08784a;--green-deep:#065c39;--green-bright:#0f9d63;--green-soft:#e7f4ec;--green-softer:#f2f8f4;--ink:#1d2b24;--ink-2:#43564c;--muted:#75857c;--line:#dce7df;--line-soft:#e8f0ea;--bg:#eef3f0;--card:#fff;--field:#f7faf8;--amber:#b97a0f;--amber-soft:#fdf3e0;--red:#c0392b;--red-soft:#fdecea;--blue:#2563eb;--blue-soft:#e8f0fe;--shadow:0 18px 50px -18px rgba(8,60,38,.25),0 4px 14px -6px rgba(8,60,38,.12);--shadow-sm:0 2px 8px -2px rgba(8,60,38,.14);--radius:14px;--sidebar:248px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--green);text-decoration:none}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.92em}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#073e2a;color:#dcebe3;padding:18px 12px 24px;overflow-y:auto;z-index:60}.sb-brand{padding:4px 8px 14px;border-bottom:1px solid hsla(0,0%,100%,.14);margin-bottom:10px}.sb-brand small{display:block;color:#8fb8a3;font-size:10px;letter-spacing:.14em;margin-bottom:6px}.sb-brand strong{font-size:15px;display:block;line-height:1.35}.sb-brand span{font-size:12px;color:#afd0bf}.nav-group{margin:15px 8px 6px;color:#82a694;font-size:10px;letter-spacing:.14em}.nav-btn{width:100%;border:0;background:transparent;color:#c9ddd2;padding:9px 10px;display:flex;align-items:center;gap:10px;border-radius:9px;text-align:left;margin:2px 0;font-size:13px}.nav-btn:hover{background:hsla(0,0%,100%,.07)}.nav-btn.active{background:#fff;color:#075a39;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.18)}.nav-num{font-family:ui-monospace,monospace;width:26px;font-size:11px;opacity:.75;flex:none}.nav-badge{margin-left:auto;background:#dc4b4b;color:#fff;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;font-size:10px;padding:0 5px;flex:none}.nav-badge.soft{background:hsla(0,0%,100%,.16);color:#dcebe3}.main{grid-column:2;min-width:0;display:flex;flex-direction:column}.topbar{min-height:64px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:10px 26px;position:-webkit-sticky;position:sticky;top:0;z-index:50;flex-wrap:wrap}.page-title{font-size:18px;font-weight:800}.crumb{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{margin-left:auto;gap:9px;flex-wrap:wrap}.top-actions,.user-chip{display:flex;align-items:center}.user-chip{gap:8px;font-size:13px}.user-chip .avatar{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700}.content{padding:22px 26px 60px;max-width:1240px;width:100%;margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;margin-bottom:16px}.card h3{margin:0 0 4px;font-size:15px}.card .sub{color:var(--muted);font-size:12px;margin-bottom:12px;line-height:1.6}.btn{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;line-height:1.2}.btn:hover{color:var(--green-deep)}.btn.primary,.btn:hover{border-color:var(--green)}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-deep);color:#fff}.btn.danger{color:var(--red);border-color:#e5a3a3}.btn.danger:hover{border-color:var(--red)}.btn.ghost{border-color:transparent;background:transparent;color:var(--green)}.btn.small{padding:5px 10px;font-size:12px;border-radius:8px}.btn:disabled{opacity:.45;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:20px;padding:3px 9px;background:var(--green-softer);color:var(--muted);white-space:nowrap}.tag.g{background:var(--green-soft);color:var(--green-deep)}.tag.a{background:var(--amber-soft);color:var(--amber)}.tag.r{background:var(--red-soft);color:var(--red)}.tag.b{background:var(--blue-soft);color:var(--blue)}.grid2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid2,.grid3{display:grid;gap:16px}.grid3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1 1}.frow{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px 16px;gap:12px 16px}.f{display:block;margin-bottom:10px}.f>label,.flabel{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;font-weight:600}.f .req{color:var(--red)}input[type=date],input[type=number],input[type=password],input[type=text],select,textarea{border:1px solid var(--line);background:var(--field);border-radius:9px;padding:8px 10px;font-size:13px;width:100%}textarea{min-height:70px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--green-bright);outline-offset:0;border-color:var(--green)}input:disabled,select:disabled,textarea:disabled{opacity:.6;background:#eef1ee}.hint{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.5}.err-text{color:var(--red);font-size:12.5px;margin-top:8px}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--green-softer)}.tbl td{padding:9px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}.tbl tr:last-child td{border-bottom:0}.tbl tr.low td{background:var(--red-soft)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.tbl-wrap .tbl td:first-child,.tbl-wrap .tbl th:first-child{position:-webkit-sticky;position:sticky;left:0;background:var(--card);z-index:1}.tbl-wrap .tbl thead th:first-child{background:var(--green-softer)}.divider{height:1px;background:var(--line-soft);margin:14px 0}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px 22px;gap:10px 22px;margin:0}.kv div{min-width:0}.kv dt{font-size:11px;color:var(--muted);margin-bottom:3px}.kv dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.stepper{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.step{flex:1 1;min-width:130px;display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.step .dot{width:26px;height:26px;border-radius:50%;background:var(--green-softer);color:var(--muted);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.step.done .dot{background:var(--green);color:#fff}.step.cur{border-color:var(--green);box-shadow:var(--shadow-sm)}.step.cur .dot{background:var(--green);color:#fff}.step .nm{font-size:13px;font-weight:700}.step .ds{font-size:11px;color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat .k{font-size:11px;color:var(--muted);margin-bottom:4px}.stat .v{font-size:20px;font-weight:800}.stat .d{font-size:11.5px;color:var(--muted)}.banner{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:13px}.banner .ic{font-weight:800;flex:none}.banner.ok{background:var(--green-soft);color:var(--green-deep)}.banner.warn{background:var(--amber-soft);color:var(--amber)}.banner.err{background:var(--red-soft);color:var(--red)}.banner.info{background:var(--blue-soft);color:var(--blue)}.tl{position:relative;padding-left:22px}.tl:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl-item{position:relative;padding:0 0 16px}.tl-item:before{content:"";position:absolute;left:-19px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.tl-item .when{font-size:11px;color:var(--muted)}.tl-item .what{font-weight:700;font-size:13px}.tl-item .body{font-size:12.5px;color:var(--ink-2)}.chain{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.chain .node{background:var(--green-softer);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:120px;flex:1 1}.chain .node span{display:block;font-size:11px;color:var(--muted)}.chain .node b{font-size:14px}.chain .node.total{background:var(--green);border-color:var(--green);color:#fff}.chain .node.total span{color:#d6ecdf}.chain .op{align-self:center;padding:0 8px;font-weight:800;color:var(--green);font-size:16px}.doc-sheet{background:#fff;color:#1d2b24;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:40px 44px;max-width:860px;margin:0 auto;font-size:13px}.doc-sheet h2{margin:0;font-size:22px;letter-spacing:.06em}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:3px solid var(--green)}.doc-foot{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(20,35,28,.45);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:var(--card);border-radius:16px;box-shadow:var(--shadow);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:22px 24px}.modal h3{margin:0 0 6px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17352a;color:#eaf5ef;border-radius:12px;padding:12px 18px;font-size:13px;z-index:200;box-shadow:var(--shadow);max-width:90vw}.toast.err{background:#5c1d1d}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#073e2a,#08784a 60%,#0f9d63)}.login-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:34px 36px;width:100%;max-width:400px}.login-card h1{margin:0 0 4px;font-size:22px;color:var(--green-deep)}.login-card .sub{color:var(--muted);font-size:12.5px;margin-bottom:20px}.demo-accts{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:12px}.demo-accts button{border:1px dashed var(--line);background:var(--field);border-radius:9px;padding:7px;font-size:12px}.demo-accts button:hover{border-color:var(--green);color:var(--green-deep)}.warn-box{background:var(--amber-soft);border:1px solid #ecd9ac;color:var(--amber);border-radius:10px;padding:10px 12px;font-size:12px;margin-top:16px;line-height:1.5}.menu-btn{display:none;border:1px solid var(--line);background:var(--card);border-radius:9px;width:38px;height:38px;font-size:19px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.on{transform:none}.main{grid-column:1}.menu-btn{display:grid;place-items:center}.content{padding:16px 14px 50px}.grid2,.grid3{grid-template-columns:1fr}.doc-sheet{padding:24px 18px}}