*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101411;background:#f8faf9;letter-spacing:0}button,input,select{font:inherit;letter-spacing:0}button,a{cursor:pointer}.hidden{display:none!important}
.auth-shell{min-height:100svh;background:#f8faf9}
.auth-topbar{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid rgba(16,20,17,.08);background:rgba(250,252,251,.86);backdrop-filter:blur(24px) saturate(160%)}
.auth-brand{grid-column:2;display:grid;justify-items:center;color:#68716b;text-decoration:none}.auth-brand img{width:136px;height:30px;object-fit:contain;filter:invert(1)}.auth-brand small{margin-top:2px;font-size:7px}
.secure-access{grid-column:3;justify-self:end;display:flex;align-items:center;gap:7px;color:#65706a;font-size:10px}.secure-access i{width:7px;height:7px;border-radius:50%;background:#16a56a;box-shadow:0 0 0 4px rgba(22,165,106,.1)}
.auth-panel{min-height:calc(100svh - 76px);display:grid;place-items:center;padding:64px 24px 90px}.auth-wrap{width:min(420px,100%);text-align:center}
.auth-symbol,.success-symbol{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 25px;border:1px solid rgba(16,20,17,.1);border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(18,28,22,.06)}.auth-symbol img{width:23px;height:34px;object-fit:contain;filter:invert(1)}.success-symbol{border-color:#bde4cf;background:#eef9f3;color:#08784c;font-size:22px}
.heading h1{margin:0;font-size:36px;font-weight:610;line-height:1.08}.heading p{max-width:360px;margin:12px auto 30px;color:#6e7771;font-size:14px;line-height:1.55}
.form-card,.account-card{border:1px solid rgba(16,20,17,.1);background:rgba(255,255,255,.84);box-shadow:0 18px 55px rgba(20,35,27,.08);border-radius:8px}.form-card{padding:26px;text-align:left}
label{display:block;margin:18px 0 7px;color:#5e6761;font-size:11px;font-weight:650}label:first-child{margin-top:0}
input,select{width:100%;height:50px;border:1px solid #d7ddda;border-radius:7px;background:#fff;color:#101411;padding:0 14px;outline:none}input:focus,select:focus{border-color:#28332d;box-shadow:0 0 0 3px rgba(16,20,17,.07)}
.one-time-code{text-align:center;font-size:25px;font-weight:700;letter-spacing:9px;font-variant-numeric:tabular-nums}
.password-field{position:relative}.password-field input{padding-right:60px}.show-password{position:absolute;right:6px;top:7px;width:50px;height:36px;border:0;background:transparent;color:#65706a;font-size:10px;font-weight:700}
.primary,.link-button{width:100%;min-height:49px;margin-top:22px;border:0;border-radius:7px;background:#101411;color:#fff;font-size:12px;font-weight:700;text-align:center;text-decoration:none}.primary:hover,.link-button:hover{background:#000}.link-button{display:flex;align-items:center;justify-content:center}
.form-row{display:flex;justify-content:flex-end;margin-top:11px}.form-row a,.switch-copy a{color:#202822;text-decoration:none;font-weight:650}.form-row a{font-size:11px}.switch-copy{margin:20px 0 0;text-align:center;color:#777f7a;font-size:12px}
.form-alert{margin-bottom:16px;padding:12px 14px;border:1px solid #e0cbc7;border-radius:7px;background:#fff7f5;color:#8e3f36;font-size:12px;text-align:left}.recovery p{margin:0;color:#625c56;font-size:13px;line-height:1.65}.recovery-note{margin:0 0 18px;color:#68716b;font-size:12px;line-height:1.55}.recovery-status{min-height:18px;margin-top:14px;color:#287558;font-size:11px;line-height:1.5}.recovery-status.error{color:#9a4037}.recovery-resend{width:100%;margin-top:11px;padding:9px;border:0;background:transparent;color:#56635b;font-size:10px;font-weight:650}.recovery-back{display:block;margin-top:18px;color:#56635b;font-size:11px;font-weight:650;text-align:center;text-decoration:none}.recovery-success{text-align:center}.recovery-success strong{display:block;font-size:19px}.recovery-success p{margin:9px 0 0;color:#68716b;font-size:12px;line-height:1.55}.auth-wrap footer{max-width:350px;margin:24px auto 0;color:#969e99;font-size:9px;line-height:1.5;text-align:center}

.account-body{background:#f3f1ee}.account-header{height:58px;display:flex;align-items:center;padding:0 28px;background:#030504;border-bottom:1px solid rgba(255,255,255,.1)}.account-brand{display:block;width:100px;height:44px;overflow:hidden}.account-brand img{width:100px;height:44px;object-fit:cover}.terminal-link{margin-left:auto;border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:10px 13px;color:#f3f5f2;text-decoration:none;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.account-main{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.account-heading{display:flex;align-items:flex-end;gap:20px;margin-bottom:24px}.account-heading h1{margin:7px 0 4px;font-size:28px;font-weight:450}.account-heading p{margin:0;color:#736c66;font-size:13px}.eyebrow{color:#36756b}.secondary-button{margin-left:auto;height:38px;padding:0 13px;border:1px solid #cdc7c1;border-radius:5px;background:transparent;color:#4f4944;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}
.account-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}.account-card{padding:22px}.profile-card{display:flex;gap:16px;align-items:center}.avatar{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#161310;color:#fff;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace}.profile-card h2,.account-card h2{margin:0;font-size:17px;font-weight:500}.profile-card p{margin:5px 0 10px;color:#756f69;font-size:12px;overflow-wrap:anywhere}.access-row{display:flex;gap:6px}.access-pill,.status-pill{padding:4px 7px;border-radius:4px;background:#ece9e5;color:#5e5751;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.status-pill{background:#e7f4ec;color:#267346}
.pending-card{grid-column:2;border-color:#e0c887;background:#fffaf0}.pending-card h2{margin:8px 0}.pending-card p{margin:0;color:#71644b;font-size:13px;line-height:1.55}
.settings-card{grid-column:2;grid-row:1 / span 2}.card-heading{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e8e4e0}.card-heading p{margin:5px 0 0;color:#77706a;font-size:12px}.inline-message{min-height:18px;margin-top:12px;color:#3a7469;font-size:12px}
.admin-card{grid-column:1/-1}.user-table{display:grid}.user-row{display:grid;grid-template-columns:minmax(220px,1fr) 130px 130px 62px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #ebe7e3}.user-row:last-child{border-bottom:0}.user-identity{display:grid;min-width:0}.user-identity strong{font-size:12px}.user-identity span{margin-top:3px;color:#7b746e;font-size:11px;overflow:hidden;text-overflow:ellipsis}.user-row select{height:36px;font-size:11px}.row-save{height:36px;border:1px solid #d3cdc7;border-radius:5px;background:#fff;color:#3d3732;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:800px){.auth-topbar{height:64px;padding:0 14px}.auth-brand img{width:116px}.secure-access{font-size:0}.secure-access:after{content:"Secure";font-size:9px}.auth-panel{min-height:calc(100svh - 64px);padding:44px 18px 70px}.heading h1{font-size:31px}.form-card{padding:22px 18px}.account-header{padding:0 14px}.account-main{padding-top:28px}.account-heading{align-items:flex-start}.account-heading h1{font-size:23px}.account-grid{grid-template-columns:1fr}.settings-card,.pending-card,.admin-card{grid-column:1;grid-row:auto}.user-row{grid-template-columns:1fr 1fr}.user-identity{grid-column:1/-1}.row-save{width:100%}}

/* RECON liquid account surface */
body{color:#101411;background:#f7f9f8}
.brand-panel{background:#050806}
.brand-panel::after{display:none}
.brand-copy span{color:#6be0ae}
.auth-panel{background:#f7f9f8}
.form-card,.account-card{border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.72);box-shadow:0 12px 36px rgba(14,22,18,.07);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.account-body{background:#f7f9f8}
.account-header{height:64px;background:rgba(255,255,255,.74);border-bottom:1px solid rgba(20,28,24,.09);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.account-brand{width:108px;height:44px}.account-brand img{width:108px;height:44px;object-fit:contain;filter:invert(1)}
.terminal-link{border-color:rgba(20,28,24,.16);border-radius:99px;color:#101411;background:rgba(255,255,255,.7)}
.account-header .terminal-link{margin-left:8px}.account-header button.terminal-link{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px 14px}