:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;background:#111318;color:#e9edf2;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:#111318;color:#e9edf2}.wrap{max-width:1180px;margin:auto;padding:0 20px}.topbar{background:#181b21;border-bottom:1px solid #2d323b}.nav{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav a,.link-button{color:#b8c7ff;text-decoration:none}.nav a:hover,.link-button:hover{text-decoration:underline;filter:none}.link-button{border:0;background:none;padding:0;cursor:pointer;font:inherit}main{padding-top:34px;padding-bottom:60px}h1{font-size:30px;margin:0 0 12px}h2{font-size:20px;margin-top:28px}h3{margin:0 0 5px;font-size:18px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-head p{margin:4px 0}.card{background:#181b21;border:1px solid #2d323b;border-radius:12px;padding:22px;margin:20px 0}.login-card{max-width:430px;margin:70px auto}.stack{display:grid;gap:16px}.stack.compact{gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.form-actions{display:flex;align-items:end;gap:10px}.form-grid>.form-actions{align-self:end}label{display:grid;gap:7px;font-weight:600}input,select,textarea,button,.button{font:inherit;border-radius:8px;border:1px solid #3a414d;padding:11px 12px;background:#101216;color:#eef2f6}textarea{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}button,.button{background:#4263eb;border-color:#4263eb;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}button:hover,.button:hover{filter:brightness(1.08)}button.secondary,.button.secondary{background:#2a303a;border-color:#46505e}button.danger,.button.danger{background:#8b2c36;border-color:#8b2c36}.small{padding:7px 10px;font-size:13px}.muted{color:#9aa4b2}.alert{padding:12px 14px;border-radius:8px;background:#25304c;border:1px solid #3a4b79;margin:14px 0}.alert.error{background:#4a242a;border-color:#733640}.alert.warning{background:#493a20;border-color:#745c2b}.inline{display:inline}.table-wrap{overflow-x:auto;border:1px solid #2d323b;border-radius:10px}table{width:100%;border-collapse:collapse;background:#181b21;font-size:14px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #2d323b;vertical-align:top}th{background:#20242b}td.details{max-width:420px;overflow-wrap:anywhere}code{background:#0d0f12;padding:2px 5px;border-radius:4px}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#343a46;font-size:12px;font-weight:700}.badge.active{background:#215f42;color:#c8f7db}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:500}.check input{width:auto;margin:0}.check-row{display:flex;gap:24px;flex-wrap:wrap}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}fieldset{border:1px solid #353b46;border-radius:10px;padding:15px}legend{font-weight:700;padding:0 6px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cards-grid>.card{margin:0}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.meta div{background:#13161b;border-radius:8px;padding:10px}.meta dt{font-size:12px;color:#9aa4b2}.meta dd{margin:4px 0 0}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}.copy-row input{min-width:0}.danger-zone{border-color:#593039}hr{border:0;border-top:1px solid #2d323b;margin:18px 0}a{color:#b8c7ff}
@media(max-width:850px){.cards-grid,.form-grid,.check-list{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{flex-direction:column}.meta{grid-template-columns:1fr}}
@media(max-width:700px){.nav{align-items:flex-start;padding-top:14px;padding-bottom:14px}.nav-right{justify-content:flex-end}.login-card{margin-top:30px}.wrap{padding-left:14px;padding-right:14px}}

/* Alta TOTP por QR */
.totp-setup { display:grid; grid-template-columns:minmax(280px,360px) 1fr; gap:28px; align-items:start; }
.totp-qr { text-align:center; }
.totp-qr img { width:260px; height:260px; max-width:100%; background:#fff; padding:10px; border-radius:12px; image-rendering:pixelated; }
.totp-qr p { margin:.6rem 0; }
@media (max-width:760px) { .totp-setup { grid-template-columns:1fr; } }

/* Identidad SYSTEM32 */
.brand{display:flex;align-items:center;gap:14px;color:#e9edf2!important;text-decoration:none!important;font-weight:700;min-width:0}
.brand img{display:block;height:38px;width:auto;background:#fff;border-radius:5px;padding:2px 5px}
.brand span{white-space:nowrap}
.login-brand{display:flex;justify-content:center;margin:-4px 0 22px}
.login-brand img{display:block;width:270px;max-width:88%;height:auto;background:#fff;border-radius:8px;padding:5px}
@media(max-width:700px){.brand span{display:none}.brand img{height:34px}.login-brand img{width:230px}}