:root{--green-900:#14532d;--green-700:#15803d;--green-600:#16a34a;--green-100:#dcfce7;--green-50:#f0fdf4;--amber:#d97706;--red:#dc2626;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--bg:#f6f7f4;--card:#fff;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Assistant,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:700}button{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;transition:filter .15s,background .15s}button:hover{filter:brightness(.96)}.btn-primary{background:var(--green-600);color:#fff;font-weight:600}.btn-ghost{color:var(--green-700);background:0 0;font-weight:600}.btn-soft{background:var(--green-100);color:var(--green-900);font-weight:600}.btn-danger{color:var(--red);background:0 0;padding:4px 8px}.btn-danger:hover{background:#fee2e2}.btn-sm{padding:5px 10px;font-size:13px}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 3px var(--green-100);outline:none}textarea{resize:vertical;min-height:60px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.app-header{background:var(--green-900);color:#fff;z-index:20;padding:0 16px;position:sticky;top:0}.app-header .bar{align-items:center;gap:14px;max-width:1200px;height:58px;margin:0 auto;display:flex}.app-header .logo{font-size:22px}.app-header h1{font-size:18px;font-weight:700}.app-header .spacer{flex:1}.app-header .logout{color:#fff;background:#ffffff1f;font-size:13px}.sync-badge{color:#ffffffe6;white-space:nowrap;background:#ffffff1f;border-radius:999px;padding:5px 10px;font-size:12px}.tabs{background:var(--green-700);z-index:19;position:sticky;top:58px}.tabs .inner{gap:4px;max-width:1200px;margin:0 auto;padding:0 12px;display:flex;overflow-x:auto}.tabs button{color:#fffc;white-space:nowrap;background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:12px 16px;font-weight:600}.tabs button.active{color:#fff;border-bottom-color:#fff}.page{max-width:1200px;margin:0 auto;padding:20px 16px 60px}.page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h2{font-size:22px}.page-head .sub{color:var(--muted);font-size:14px}.page-head .spacer{flex:1}.table-wrap{border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}th{background:var(--green-50);color:var(--green-900);white-space:nowrap;font-size:13px;font-weight:700}tr:last-child td{border-bottom:none}tfoot td{background:var(--green-50);border-top:2px solid var(--green-100);font-weight:700}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.status-select{min-width:110px}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.pill-low{color:#991b1b;background:#fee2e2}.pill-mid{color:#92400e;background:#fef3c7}.pill-high{color:#166534;background:#dcfce7}.bar-track{background:var(--line);vertical-align:middle;border-radius:999px;width:90px;height:8px;display:inline-block;overflow:hidden}.bar-fill{background:var(--green-600);border-radius:999px;height:100%}.empty{text-align:center;color:var(--muted);padding:40px 20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.chip.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.field label{color:var(--muted);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.domain-block{margin-bottom:18px}.domain-head{background:var(--green-100);border:1px solid var(--green-100);border-radius:10px 10px 0 0;align-items:center;gap:10px;padding:10px 14px;display:flex}.domain-head h3{color:var(--green-900);font-size:16px}.domain-head input{background:#ffffffb3;max-width:260px}.stat-row{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.stat{border-radius:var(--radius);border:1px solid var(--line);min-width:150px;box-shadow:var(--shadow);background:#fff;flex:1;padding:16px 18px}.stat .label{color:var(--muted);margin-bottom:6px;font-size:13px}.stat .value{font-size:24px;font-weight:800}.stat.green .value{color:var(--green-700)}.stat.amber .value{color:var(--amber)}.stat.red .value{color:var(--red)}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.section-title{color:var(--green-900);margin:6px 0 10px;font-size:16px}.inline-add{align-items:center;gap:8px;margin-top:10px;display:flex}@media (width<=760px){.grid-3,.two-col{grid-template-columns:1fr}.app-header h1{font-size:15px}.page{padding:14px 10px 60px}}
