@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --navy:#F7F7FB; --navy-2:#FFFFFF; --line:#E7E1F7;
  --indigo:#7C3AED; --turq:#16A34A; --orange:#F59E0B;
  --ink:#231A3D; --muted:#6B6580; --danger:#DC2626;
  --shadow: 0 10px 30px -14px rgba(124,58,237,.25);
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',system-ui,sans-serif;background:var(--navy);color:var(--ink);}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px;}
.card{background:var(--navy-2);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow);}
label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px;}
input,select{width:100%;background:#FBFAFE;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:14px;font-family:inherit;}
input:focus,select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.btn{font-size:14px;font-weight:600;border-radius:10px;padding:10px 18px;cursor:pointer;border:none;background:linear-gradient(135deg, var(--indigo), #9333EA);color:#fff;font-family:inherit;}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink);}
table{width:100%;border-collapse:collapse;font-size:13px;}
th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);}
.pill{font-size:11px;padding:3px 9px;border-radius:20px;}
.pill-invited{background:rgba(124,58,237,.12);color:var(--indigo);}
.pill-active{background:rgba(22,163,74,.12);color:var(--turq);}
.pill-inactive{background:rgba(220,38,38,.1);color:var(--danger);}
.msg{padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;}
.msg-error{background:rgba(220,38,38,.08);color:var(--danger);border:1px solid rgba(220,38,38,.25);}
.msg-ok{background:rgba(22,163,74,.08);color:var(--turq);border:1px solid rgba(22,163,74,.25);}