:root{--bg:#eef3f1;--surface:#fff;--surface-soft:#f7faf8;--ink:#101820;--muted:#748176;--line:#e5ece8;--brand:#08784f;--brand-dark:#075d41;--brand-soft:#e4f6ec;--gold:#d89b20;--gold-soft:#fff5d9;--danger:#b94a38;--danger-soft:#fff0df;--shadow-sm:0 4px 12px #0f281f14;--shadow:0 10px 28px #1e372d0f;--shadow-lg:0 18px 48px #0f281f1f;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;min-height:100vh}body{color:var(--ink);background:radial-gradient(circle at 12% 8%,#08784f1f,#0000 24%),linear-gradient(135deg,#dfe9e4 0%,#f4f1e8 100%);min-width:1180px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4d2cc;border-radius:99px}.text-muted{color:var(--muted)}.text-brand{color:var(--brand-dark)}.text-danger{color:var(--danger)}.text-strong{font-weight:900}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.badge{background:var(--brand-soft);height:24px;color:var(--brand-dark);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.badge.warn{color:#8a5a00;background:var(--gold-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.neutral{color:var(--muted);background:#eef3f0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel+.panel{margin-top:16px}.panel-head{border-bottom:1px solid var(--line);background:linear-gradient(#fff 0%,#f8fbf9 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 18px;display:flex}.panel-title{font-size:17px;font-weight:950}.panel-note{color:var(--muted);margin-top:4px;font-size:12px;font-weight:750}.btn{border-radius:var(--radius);background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;height:38px;padding:0 14px;font-size:13px;font-weight:900;transition:opacity .15s}.btn:hover{opacity:.88}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{color:var(--brand-dark);background:var(--brand-soft);border-color:#08784f1f}.btn.ghost{color:var(--ink);background:var(--surface);border-color:var(--line)}.btn.danger{background:var(--danger)}.link-btn{color:var(--brand-dark);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:13px;font-weight:900}.link-btn:hover{text-decoration:underline}.link-btn.danger-text{color:var(--danger)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.form-item{flex-direction:column;justify-content:flex-start;gap:7px;display:flex}.form-item.wide{grid-column:1/-1}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}label{color:var(--muted);align-items:center;height:16px;font-size:12px;font-weight:900;line-height:16px;display:flex}.input,.field,.search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:38px;color:var(--ink);outline:none;width:100%;padding:0 11px;font-size:13px;font-weight:760;transition:border-color .15s}.input:focus,.field:focus,.search:focus{border-color:var(--brand)}.input[readonly]{background:var(--surface-soft)}.search{width:190px}.field{width:auto}.error-msg{color:var(--danger);margin-top:2px;font-size:12px}table{border-collapse:collapse;table-layout:fixed;width:100%}th{background:var(--surface-soft);height:42px;color:var(--muted);border-bottom:1px solid var(--line);text-align:left;padding:0 14px;font-size:12px;font-weight:900}td{vertical-align:middle;border-bottom:1px solid #eef3f0;height:58px;padding:0 14px;font-size:13px;font-weight:760}tr:last-child td{border-bottom:0}.actions-cell{align-items:center;gap:4px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:56px 0;font-size:14px;font-weight:750}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:24px}.toast{border-radius:var(--radius);background:var(--ink);color:#fff;min-width:220px;max-width:360px;box-shadow:var(--shadow-lg);padding:12px 16px;font-size:13px;font-weight:800;animation:.2s toastIn}.toast.success{background:var(--brand-dark)}.toast.error{background:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:1000;background:#0a181261;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:480px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-head{border-bottom:1px solid var(--line);padding:18px 20px 14px;font-size:16px;font-weight:950}.modal-body{padding:18px 20px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{justify-content:center;align-items:center;padding:40px;display:flex}