*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#172b37;font:15px/1.5 system-ui,sans-serif}.shell{display:flex;min-height:100vh}aside{width:230px;background:#152f3a;color:#c3d4da;padding:36px 24px;flex-shrink:0}.brand{font-size:25px;color:#fff;font-weight:800;letter-spacing:2px}aside p{font-size:13px}nav{display:grid;gap:25px;margin:60px 0 100px}nav strong{color:#75ddc0}nav span{font-size:14px}main{padding:44px;max-width:1400px;width:100%}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}header p{color:#607681}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}.avatar{border-radius:50%;background:#d4ece4;padding:12px 19px}.notice{margin:26px 0;color:#596d7a;border:1px solid #d9e1e6;border-radius:10px;padding:12px 18px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{background:#fff;border-radius:14px;padding:22px}.metrics span{color:#607681;font-size:13px}.metrics b{display:block;font-size:38px;margin-top:8px}.metrics .warning{background:#fff0e7;color:#a3461f}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 14px}.section-title span{font-size:13px;color:#607681}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e3e9ed;border-radius:16px;padding:24px}.badge{font-size:11px;display:inline-block;border-radius:6px;padding:5px 9px;font-weight:700}.risk{background:#fff0e7;color:#a3461f}.ok{background:#e1f5ec;color:#216b50}h3{font-size:21px;margin-bottom:4px}.card p{font-size:12px;color:#607681}dl{display:flex;justify-content:space-between;margin:25px 0 12px}dt{font-size:11px;color:#607681}dd{font-size:24px;font-weight:700;margin:4px 0}progress{width:100%;height:7px;accent-color:#2a937b}button{cursor:pointer;border:1px solid #d9e4e8;border-radius:8px;background:#fff;color:#216d5b;padding:11px 14px;font-weight:650}.card button{display:block;width:100%;margin-top:24px;text-align:left}button:hover{background:#edf8f4}button:focus-visible{outline:3px solid #2a937b;outline-offset:3px}.detail{margin-top:24px;padding:24px;border-radius:14px;background:#fff}.detail button{float:right}@media(max-width:1100px){aside{width:190px}main{padding:24px}.cards{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{display:block}aside{width:100%;padding:16px 24px}nav,aside p,aside small{display:none}h1{font-size:26px}.section-title{display:block}.metrics article{padding:15px}}nav button{background:transparent;color:#d8e5e9;border-color:transparent;text-align:left}nav button[aria-current=page]{background:#285347;color:#a4f3d4}button:disabled{cursor:default;opacity:.5}.primary{background:#247560;color:#fff}.primary:hover{background:#185643}.editor,.record,.empty{background:#fff;border:1px solid #dfe7eb;border-radius:14px;padding:24px}.editor{margin:22px 0}.editor h2,.record h2{margin:0 0 12px;font-size:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select{font:inherit;padding:10px;border:1px solid #b8cbd3;border-radius:7px;background:#fff;min-width:0;width:100%;color:#172b37}fieldset{border:0;padding:0;margin:0}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:auto}.actions,.pagination{display:flex;gap:12px;align-items:center;margin-top:20px}.search{margin:24px 0;max-width:600px}.search>div{display:flex;gap:10px;margin-top:6px}.records{display:grid;gap:14px}.record{display:flex;justify-content:space-between;align-items:center;gap:20px}.record>div{min-width:0;overflow-wrap:anywhere}.record p{margin:6px 0;color:#607681}.record button{flex-shrink:0}.record .badge{background:#eaf3f0;color:#216b50}.error{padding:14px;background:#fff0eb;color:#9b3120;border-radius:8px}.success{padding:14px;background:#e1f5ec;color:#216b50;border-radius:8px}.muted{color:#607681;font-size:13px}.pagination{justify-content:space-between}.pagination span{font-size:13px}.empty{color:#607681}@media(max-width:620px){nav{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}nav button{padding:8px}header{align-items:flex-start;gap:10px}header>.primary{white-space:nowrap;padding:10px}.fields{grid-template-columns:1fr}.record{display:block}.record button{margin-top:14px}.editor,.record{padding:18px}main{padding:20px}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,#152f3a,#245949)}.login-card{background:#fff;border-radius:18px;padding:38px;width:min(100%,440px);box-shadow:0 15px 70px #071d2655}.login-card .brand{color:#216d5b}.login-card label{margin:18px 0}.login-card button{width:100%;margin-top:8px}.auth-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #dfe7eb;background:#fff;gap:12px}.auth-bar>div{display:flex;gap:8px}.auth-bar button{padding:7px 10px;font-size:12px}.account-panel{background:#fff;padding:24px;max-width:850px;margin:16px auto}.account-panel button{margin-top:16px}.site-options{display:grid;gap:12px;margin:20px 0}@media(max-width:620px){.auth-bar{display:block;padding:12px 20px}.auth-bar>div{flex-wrap:wrap;margin-top:10px}.login-card{padding:24px}.section-title .primary{margin-bottom:14px}}.totp-qr{display:block;width:min(100%,280px);height:auto;background:#fff;padding:12px;border:1px solid #dce6e9}.totp-secret{display:block;overflow-wrap:anywhere;background:#eef4f2;padding:14px;margin:12px 0 20px}.recovery-codes{padding-left:20px;line-height:2;overflow-wrap:anywhere;font-size:13px}.mfa-panel{border:1px solid #dfe7eb;border-radius:12px}.mfa-panel .actions{flex-wrap:wrap}.mfa-panel label{max-width:100%}@media(max-width:620px){.account-panel{margin:12px}.recovery-codes{font-size:11px}}.record-actions{display:flex;gap:10px;flex-wrap:wrap}.roster .section-title{margin-top:0;gap:12px}.roster .metrics{gap:10px}.roster .metrics article{background:#f2f6f5;padding:15px}.roster .metrics .warning{background:#fff0e7}.roster .metrics b{font-size:28px}.roster-member{border-top:1px solid #dfe7eb;margin-top:24px;padding-top:8px}.roster-member h3{font-size:18px}.roster-member .badge{background:#eaf3f0}.roster-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px}.roster-controls button,.assignment button{margin-top:12px}.assignment{margin:24px 0;padding:18px;background:#f3f7f6;border-radius:12px}.roster h2{overflow-wrap:anywhere}@media(max-width:900px){.roster-controls{grid-template-columns:1fr}.roster .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.max-person .actions{flex-wrap:wrap}.max-person .checkbox{margin-top:12px;align-items:flex-start}.max-person .checkbox input{flex-shrink:0}.invitation-text{white-space:pre-wrap}.max-preview{margin-top:14px}