:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}body:before{content:"";z-index:-1;background:radial-gradient(circle at 8% 12%,#6366f138,#0000 32%),radial-gradient(circle at 92% 5%,#ec48992e,#0000 30%),linear-gradient(145deg,#f8fafc 0%,#eef2ff 48%,#fdf2f8 100%);position:fixed;inset:0}.page-shell{width:min(1440px,94vw);margin:0 auto;padding:52px 0 72px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.section-label{color:#6366f1;letter-spacing:.16em;margin:0 0 8px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,7vw,6.2rem);line-height:.92}.hero-copy{color:#64748b;max-width:650px;margin:18px 0 0;font-size:1.05rem}.status-pill{color:#475569;background:#ffffffb8;border:1px solid #fffc;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:.86rem;font-weight:700;display:flex;box-shadow:0 14px 35px #1e293b14}.status-dot{background:#10b981;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #10b9811f}.alert{border-radius:14px;margin-bottom:20px;padding:14px 18px;font-weight:650}.alert-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.content-grid{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:24px;box-shadow:0 24px 70px #3341551c}.form-panel{padding:25px}.table-panel{min-width:0;padding:25px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}h2{letter-spacing:-.03em;margin:0;font-size:1.45rem}form{gap:17px;display:grid}label{color:#475569;gap:7px;font-size:.83rem;font-weight:750;display:grid}input{color:#172033;background:#fff;border:1px solid #dbe3f0;border-radius:12px;outline:none;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #6366f11f}.primary-button{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed 58%,#db2777);border:0;border-radius:12px;margin-top:4px;padding:14px 18px;font-weight:800;box-shadow:0 12px 24px #4f46e533}.primary-button:disabled{cursor:wait;opacity:.65}.text-button{color:#4f46e5;background:0 0;border:0;padding:6px;font-size:.83rem;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#94a3b8;text-align:left;letter-spacing:.11em;text-transform:uppercase;padding:10px 12px;font-size:.69rem}td{color:#475569;border-top:1px solid #edf1f7;padding:15px 12px;font-size:.87rem}.identity{color:#1e293b;align-items:center;gap:10px;font-weight:750;display:flex}.avatar{color:#4338ca;background:#e0e7ff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.role-chip{text-overflow:ellipsis;white-space:nowrap;color:#6d28d9;background:#f3e8ff;border-radius:999px;max-width:190px;padding:6px 9px;font-size:.75rem;font-weight:750;display:inline-block;overflow:hidden}.actions{gap:7px;display:flex}.actions button{color:#4f46e5;background:#fff;border:1px solid #dbe3f0;border-radius:9px;padding:7px 10px;font-size:.76rem;font-weight:800}.actions .danger{color:#dc2626}.empty-state{color:#94a3b8;border:1px dashed #dbe3f0;border-radius:16px;place-items:center;min-height:230px;display:grid}@media (width<=900px){.page-shell{padding-top:32px}.hero{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr}}@media (width<=600px){.page-shell{width:min(94vw,520px)}.panel{border-radius:18px}.form-panel,.table-panel{padding:18px}td,th{padding-left:9px;padding-right:9px}}