:root{--navy:#0f2747;--teal:#0e9aa7;--teal-d:#0b7d88;--bg:#f4f6fa;--card:#fff;--line:#e4e9f0;--txt:#1f2d3d;--muted:#7a8aa0;--red:#e23b3b;--green:#1f9d55;--amber:#e08a00}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{background:var(--bg);color:var(--txt)}.app-shell{min-height:100vh;display:flex}.side{background:linear-gradient(180deg,var(--navy),#143458);color:#fff;flex-direction:column;width:230px;padding:22px 0;display:flex}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:0 20px 18px;display:flex}.logo{background:linear-gradient(135deg,var(--teal),#33c4cf);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.brand .t{font-size:15px;font-weight:600;line-height:1.2}.brand .s{opacity:.6;font-size:11px}.nav{flex-direction:column;margin-top:14px;display:flex}.nav a{color:#cdd8e6;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:9px;padding:12px 22px;font-size:14px;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{color:#fff;border-left-color:var(--teal);background:#0e9aa738}.who{opacity:.6;border-top:1px solid #ffffff1f;margin-top:auto;padding:14px 20px;font-size:12px}.main-area{flex-direction:column;flex:1;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:14px;height:60px;padding:0 26px;display:flex}.topbar h1{font-size:18px}.role{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.role b{color:var(--teal-d)}.role .link{color:var(--teal-d);cursor:pointer;align-items:center;gap:4px;font-weight:600;display:inline-flex}.workspace{padding:26px;overflow:auto}.stats{gap:16px;margin-bottom:20px;display:flex}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;flex:1;padding:16px 18px}.stat .n{font-size:26px;font-weight:700}.stat .l{color:var(--muted);margin-top:4px;font-size:12px}.search{border:1px solid var(--line);border-radius:9px;width:320px;max-width:100%;margin-bottom:16px;padding:9px 12px;font-size:13.5px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 14px}th{color:var(--muted);white-space:nowrap;background:#fafbfd;font-size:12px;font-weight:600}tr:hover td{background:#f7fafc}.amt{font-variant-numeric:tabular-nums;font-weight:600}.badge{border-radius:20px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.b-draft{color:#5a6b80;background:#eef1f5}.b-active{color:var(--green);background:#e6f6ee}.b-done{color:#2f6fe0;background:#e8f0fe}.b-term{color:var(--red);background:#fdeaea}.b-unpaid{color:var(--amber);background:#fdf1e3}.b-paid{color:var(--green);background:#e6f6ee}.b-over{color:var(--red);background:#fdeaea}.b-type{color:var(--teal-d);background:#eafafb}.link{color:var(--teal-d);cursor:pointer;font-weight:600}.link:hover{text-decoration:underline}.btn{cursor:pointer;border:none;border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:600}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-d)}.btn-ghost{color:var(--txt);background:#eef2f7}.btn-sm{padding:6px 12px;font-size:12.5px}.form{background:var(--card);border:1px solid var(--line);border-radius:14px;max-width:760px;padding:22px}.form-title{margin-bottom:18px;font-size:15px;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}label{color:#46566c;font-size:12.5px;font-weight:600}.label .req,.req{color:var(--red)}input,select,textarea{border:1px solid var(--line);color:var(--txt);background:#fff;border-radius:8px;width:100%;padding:9px 11px;font-size:13.5px}textarea{resize:vertical;min-height:64px}.actions{gap:10px;margin-top:20px;display:flex}.back{color:var(--muted);cursor:pointer;align-items:center;gap:5px;margin-bottom:14px;font-size:13px;display:inline-flex}.back:hover{color:var(--teal-d)}.detail-head{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;padding:22px}.detail-head .h{flex-wrap:wrap;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.kv{grid-template-columns:repeat(4,1fr);gap:14px 18px;margin-top:18px;display:grid}.kv .k{color:var(--muted);font-size:12px}.kv .v{margin-top:2px;font-size:14px;font-weight:600}.paycnt{color:var(--muted);margin-top:16px;font-size:13px;font-weight:600}.bar{background:#eef1f5;border-radius:6px;height:8px;margin-top:6px;overflow:hidden}.bar>i{background:linear-gradient(90deg,var(--teal),#33c4cf);height:100%;display:block}.sub{align-items:center;gap:12px;margin:6px 0 14px;display:flex}.sub h3{font-size:16px}.sub .btn{margin-left:auto}.empty{text-align:center;color:var(--muted);padding:30px;font-size:13.5px}