:root{--ink:#17313f;--muted:#667b86;--blue:#0d5d7a;--cyan:#8bc7d9;--paper:#f4f7f7;--line:#dbe5e8;--white:#fff;--red:#b53c43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent;color:var(--blue);border:1px solid var(--line)}.secondary{background:#e6f1f4;color:var(--blue)}header{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1180px)/2));box-shadow:0 2px 14px #17313f0a}.brand{color:var(--blue);font-weight:900;letter-spacing:.16em;margin-right:20px}main{max-width:1180px;margin:auto;padding:34px 20px 70px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.hero h1{font-size:34px;margin:5px 0}.hero p,.card p{color:var(--muted);margin:3px 0}.eyebrow{color:#1684a0;font-size:11px;letter-spacing:.16em;font-weight:900}.stat{background:#dff1f5;border-radius:18px;padding:16px 24px;display:flex;flex-direction:column;align-items:center}.stat b{font-size:27px;color:var(--blue)}nav{display:flex;gap:6px;margin-bottom:16px}.tab{background:transparent;color:var(--muted);border-radius:0;border-bottom:3px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue)}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 8px 24px #17313f0a;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}input,select{width:100%;padding:10px 11px;border:1px solid #ccdadd;border-radius:8px;color:var(--ink);background:#fff}.toolbar{display:flex;gap:10px;margin-top:16px}.toolbar input{max-width:420px}.table-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.table-head h2{margin:0;font-size:19px}.actions{display:flex;gap:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:760px}th{background:#f0f6f7;color:#5b707b;text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase}th,td{padding:11px 12px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td input[type=email]{min-width:230px}td input[type=checkbox],th input[type=checkbox]{width:auto}.pill{display:inline-block;padding:3px 8px;border-radius:99px;background:#e5f4ed;color:#20744e;font-size:11px;font-weight:800}.pill.error{background:#fae8e9;color:var(--red)}.link{background:transparent;color:var(--blue);padding:4px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf5f6,#f9fbfb)}.login-card{width:min(420px,calc(100% - 32px));padding:36px}.login-card h1{margin-bottom:0}.login-card label{margin-top:16px}.login-card button{margin-top:22px;width:100%}.error{color:var(--red);margin-top:10px}#toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.hero{align-items:start}.stat{display:none}.table-head{align-items:flex-start;gap:12px}.actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:28px}.table-head{display:block}.actions{margin-top:12px;justify-content:flex-start}}