:root{--bg:#f4f7f3;--surface:#ffffff;--text:#12221a;--muted:#5f6d63;--line:#d9e2d9;--primary:#255f38;--danger:#a3392f;--warn:#ad6f00;--ok:#2f7a4c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#ecf6ef 0,var(--bg) 45%);color:var(--text);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:700;letter-spacing:.3px}.nav{display:flex;gap:16px}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a.active,.nav a:hover{color:var(--primary)}.nav a.active{font-weight:700}.container{max-width:1160px;margin:0 auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.card h3,.card h4{margin:0 0 8px}.muted{color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.badge.ok{color:var(--ok);background:#e8f5ec}.badge.warn{color:var(--warn);background:#fff5e1}.badge.danger{color:var(--danger);background:#fde9e7}.table{width:100%;border-collapse:collapse}.table-tools{display:grid;grid-template-columns:minmax(260px,1fr) 180px 120px;grid-gap:10px;gap:10px;margin:10px 0}.table td,.table th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.button{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;font-size:13px;cursor:pointer;text-decoration:none}.button.primary{color:#fff;background:var(--primary);border-color:var(--primary)}.button.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button:disabled{opacity:.6;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-top:8px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;color:var(--muted)}.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:14px;color:var(--text);background:#fff}.input:focus{outline:2px solid rgba(37,95,56,.2);border-color:var(--primary)}.input.invalid{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12px}.toast{margin-top:12px;border-radius:10px;border:1px solid var(--line);padding:10px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.toast p{margin:0;font-size:13px}.toast.success{background:#e8f5ec;border-color:#9ad0ab;color:#1f5f39}.toast.error{background:#fde9e7;border-color:#efb0a8;color:#8a2d25}.toast-close{border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.24);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.modal{width:min(560px,100%);border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:16px}.modal h3{margin:0}.modal-impact{margin:8px 0 12px}.modal-impact ul{margin:6px 0 0;padding-left:18px}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}.nav{flex-wrap:wrap}.table-tools{grid-template-columns:1fr}}