:root{--purple: #262262;--purple-mid: #453FA0;--purple-light: #E3E2F1;--purple-pale: #F4F4FA;--ocean: #262262;--burgundy: #660066;--candy: #EF4D41;--pink: #FAD4D6;--blue: #006FFA;--sky: #9DCEEF;--orange: #F37021;--sunflower: #FFCF01;--lemon: #F7EFCA;--forest: #005129;--brand-green: #39B54A;--zest: #B9F24C;--green: #39B54A;--green-text: #005129;--green-light: #E1F3E4;--amber: #F37021;--amber-text: #9A3F12;--amber-light: #FCE7D3;--red: #EF4D41;--red-text: #C0261C;--red-light: #FCDAD7;--bg: #F4F5FA;--surface: #FFFFFF;--border: #D9DAEA;--text: #1E1B33;--text-muted: #8B85A1;--radius: 14px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(38, 34, 98, .08), 0 4px 24px rgba(38, 34, 98, .05);--shadow-lg: 0 20px 60px rgba(38, 34, 98, .22);--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-head: "Plus Jakarta Sans", var(--font)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.3px}button{font-family:inherit;cursor:pointer}.wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.card{width:100%;max-width:440px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card h1{margin:0 0 12px;font-size:1.5rem;color:var(--ocean)}.lede{margin:0 0 16px;line-height:1.55}.muted{margin:0 0 16px;color:var(--text-muted);font-size:.9rem}.error{margin:16px 0 0;color:var(--red-text);font-size:.9rem}.btn{padding:11px 18px;border:0;border-radius:var(--radius-sm);background:var(--ocean);color:#fff;font-size:.95rem;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn-quiet{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500}.page{max-width:860px;margin:0 auto;padding:32px 24px 64px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.page-head h1{margin:0;font-size:1.5rem;color:var(--ocean)}.table-scroll{margin:24px 0;overflow-x:auto}.people{width:100%;min-width:520px;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.people th,.people td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left}.people th:not(:first-child),.people td:not(:first-child){text-align:center;width:120px}.people th{background:var(--purple-pale);font-size:.85rem;font-weight:600;color:var(--text-muted)}.people tbody tr:last-child td{border-bottom:0}.people tr.inactive td:first-child{opacity:.55}.muted-inline{display:block;color:var(--text-muted);font-size:.85rem}.search{width:100%;margin:16px 0 8px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem}.cards{margin:16px 0;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.card-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.card-row:last-child{border-bottom:0}.card-row.inactive{opacity:.55}.panel{display:block;margin:32px 0 0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel h2,.panel h3{margin:0 0 8px;font-size:1.1rem;color:var(--ocean)}.panel label{display:block;margin:14px 0 4px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.panel input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem}.panel .btn{margin-top:20px}