.security-modal-backdrop{--security-bg:#0c1e2d;--security-card:#10283a;--security-card-soft:#132f43;--security-border:#2d526b;--security-text:#eaf4fb;--security-muted:#91a9ba;--security-blue:#2f91ee;--security-green:#36d4a8;z-index:10050;background:#020a12d6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.security-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--security-border);background:var(--security-bg);width:min(760px,100vw - 32px);max-height:min(720px,100dvh - 40px);color:var(--security-text);border-radius:20px;position:relative;overflow:auto;box-shadow:0 20px 60px #00000061}.security-modal-header{z-index:3;border-bottom:1px solid var(--security-border);background:var(--security-bg);grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:16px 18px;display:grid;position:sticky;top:0}.security-modal-emblem{color:#fff;background:linear-gradient(145deg,#2d9bff,#3369e7);border-radius:13px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 22px #2885f442}.security-modal-emblem svg{width:23px;height:23px}.security-modal-header span,.security-method-title span{color:#62bafa;letter-spacing:.18em;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.security-modal-header h2{margin:0;font-size:22px;line-height:1.2}.security-modal-header p{color:var(--security-muted);margin:4px 0 0;font-size:11px}.security-modal-header>button{width:34px;height:34px;color:var(--security-muted);background:0 0;border:0;border-radius:10px;align-self:start}.security-modal-header>button:hover{color:var(--security-text);background:var(--security-card)}.security-modal-header>button svg{width:22px}.security-modal-loading{min-height:260px;color:var(--security-muted);place-items:center;gap:9px;display:grid}.security-modal-loading svg,.spin{animation:.8s linear infinite security-spin}@keyframes security-spin{to{transform:rotate(360deg)}}.security-modal-content{gap:12px;padding:14px 18px 18px;display:grid}.security-password-field{border:1px solid var(--security-border);background:var(--security-card);border-radius:16px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:7px 16px;padding:16px 18px;display:grid}.security-password-field>span{align-items:center;gap:9px;font-weight:800;display:flex}.security-password-field>span svg{color:#7fc8ff;width:19px}.security-password-field input,.passkey-register-row input,.totp-code-row input{border:1px solid var(--security-border);height:44px;color:var(--security-text);background:color-mix(in srgb,var(--security-bg) 82%,#000 18%);border-radius:11px;outline:none;padding:0 14px}.security-password-field input:focus,.passkey-register-row input:focus,.totp-code-row input:focus{border-color:var(--security-blue);box-shadow:0 0 0 3px #2f91ee24}.security-password-field small{color:var(--security-muted);grid-column:2;font-size:11px}.security-message{color:#ffb8c5;background:#3c2028;border:1px solid #805160;border-radius:10px;padding:10px 13px;font-size:11px}.security-message.success{color:#84efd0;background:#12382f;border-color:#267a63}.security-required-notice{color:#ffd992;background:#3a2a16;border:1px solid #9b702c;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;display:flex}.security-required-notice>svg{flex:none;width:21px}.security-required-notice strong,.security-required-notice p{display:block}.security-required-notice strong{font-size:12px}.security-required-notice p{color:#e6c98e;margin:3px 0 0;font-size:10px}.security-method-card{border:1px solid var(--security-border);background:var(--security-card);border-radius:15px;grid-template-columns:44px 1fr;gap:12px;padding:14px;display:grid}.security-method-icon{color:#83c9ff;background:#173f5c;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.security-method-card.passkey .security-method-icon{color:#80efd2;background:#164a40}.security-method-icon svg{width:21px;height:21px}.security-method-main{min-width:0}.security-method-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.security-method-title h3{margin:0;font-size:16px}.security-method-title p{color:var(--security-muted);margin:4px 0 0;font-size:10px}.security-method-title>b{color:var(--security-muted);background:var(--security-card-soft);border-radius:999px;flex:none;padding:5px 8px;font-size:9px}.security-method-title>b.enabled{color:#59e1b8;background:#16493d}.security-primary-action{color:#fff;background:#257fd1;border:1px solid #369df2;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;margin-top:11px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.security-primary-action:disabled{cursor:not-allowed;opacity:.45}.security-primary-action svg{width:16px}.totp-enrollment{background:var(--security-card-soft);border-radius:12px;grid-template-columns:150px 1fr;gap:15px;margin-top:12px;padding:12px;display:grid}.totp-enrollment>img{background:#fff;border-radius:10px;width:150px}.totp-enrollment ol{color:var(--security-muted);margin:0 0 9px;padding-left:17px;font-size:10px;line-height:1.65}.totp-enrollment label{color:var(--security-muted);gap:4px;font-size:9px;display:grid}.totp-enrollment label code{border:1px dashed var(--security-border);color:var(--security-text);letter-spacing:.06em;white-space:nowrap;border-radius:8px;padding:8px;font-size:10px;font-weight:800;display:block;overflow:auto}.totp-code-row{grid-template-columns:1fr auto;gap:7px;margin-top:8px;display:grid}.totp-code-row input{text-align:center;letter-spacing:.08em;font-size:15px;font-weight:900}.totp-code-row button,.security-enabled-row button{border:1px solid var(--security-border);color:var(--security-text);background:var(--security-bg);border-radius:9px;padding:0 12px;font-size:10px;font-weight:800}.totp-code-row button:disabled{opacity:.45}.totp-standard-note{color:var(--security-muted);margin-top:6px;font-size:9px;line-height:1.45;display:block}.security-enabled-row{background:#12392f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.security-enabled-row span{color:#73e6c5;align-items:center;gap:8px;font-size:12px;display:flex}.security-enabled-row span svg{width:17px}.security-enabled-row button{color:#ffb4c1;background:#392029;border-color:#704653;min-height:36px}.security-policy-badge{color:#83e9cc;background:#17473c;border:1px solid #32866f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.recovery-code-box{background:#040f1866;border:1px dashed #5084a3;border-radius:14px;margin-top:14px;padding:15px}.recovery-code-box header{justify-content:space-between;gap:12px;display:flex}.recovery-code-box header strong,.recovery-code-box header small{display:block}.recovery-code-box header small{color:var(--security-muted);margin-top:3px;font-size:11px}.recovery-code-box header button{color:#79c7ff;background:0 0;border:0;align-items:center;gap:6px;font-weight:800;display:flex}.recovery-code-box header button svg{width:16px}.recovery-code-box>div{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px;display:grid}.recovery-code-box code{text-align:center;color:var(--security-text);background:var(--security-card-soft);border-radius:8px;padding:9px 5px;font-size:12px}.recovery-code-box>p{color:#ffb4c1;margin:10px 0 0;font-size:11px}.passkey-privacy{color:#8fe6cf;background:#12392f;border-radius:11px;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;display:flex}.passkey-privacy>svg{flex:none;width:22px}.passkey-privacy strong,.passkey-privacy small{display:block}.passkey-privacy strong{font-size:12px}.passkey-privacy small{color:#93c7b9;margin-top:2px;font-size:10px}.passkey-register-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin-top:12px;display:grid}.passkey-register-row .security-primary-action{min-height:44px;margin:0}.security-support-warning{color:#f4b768;margin:8px 0 0;font-size:11px}.passkey-list{gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.passkey-list li{border:1px solid var(--security-border);background:var(--security-card-soft);border-radius:11px;grid-template-columns:38px 1fr 36px;align-items:center;gap:10px;padding:10px;display:grid}.passkey-list li>i{color:#7bc8ff;background:#193d57;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.passkey-list li>i svg{width:18px}.passkey-list strong,.passkey-list small{display:block}.passkey-list strong{font-size:13px}.passkey-list small{color:var(--security-muted);margin-top:3px;font-size:10px}.passkey-list li>button{color:#ff879c;background:#3c2029;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.passkey-list li>button svg{width:16px}.security-identity-backdrop{z-index:10060;background:#020a12db;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.security-identity-dialog{border:1px solid var(--security-border);width:min(390px,100vw - 30px);color:var(--security-text);background:var(--security-card);border-radius:16px;grid-template-columns:42px 1fr;gap:12px;padding:18px;display:grid;box-shadow:0 22px 65px #0000006b}.security-identity-icon{color:#8acbff;background:#173f5c;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.security-identity-icon svg{width:20px}.security-identity-copy span{color:#62bafa;letter-spacing:.18em;font-size:8px;font-weight:900;display:block}.security-identity-copy h3{margin:3px 0 0;font-size:16px}.security-identity-copy p{color:var(--security-muted);margin:4px 0 0;font-size:10px;line-height:1.45}.security-identity-dialog label,.security-identity-message,.security-identity-actions{grid-column:1/-1}.security-identity-dialog label{color:var(--security-muted);gap:6px;font-size:10px;font-weight:800;display:grid}.security-identity-dialog input{border:1px solid var(--security-border);height:40px;color:var(--security-text);background:color-mix(in srgb,var(--security-bg) 82%,#000 18%);border-radius:9px;outline:0;padding:0 12px}.security-identity-dialog input:focus{border-color:var(--security-blue);box-shadow:0 0 0 3px #2f91ee24}.security-identity-message{color:#ffb8c5;background:#3c2028;border:1px solid #805160;border-radius:9px;padding:9px 11px;font-size:10px}.security-identity-actions{justify-content:flex-end;gap:7px;margin-top:2px;display:flex}.security-identity-actions button{border:1px solid var(--security-border);min-width:82px;height:36px;color:var(--security-text);background:var(--security-bg);border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.security-identity-actions button.primary{color:#fff;background:#257fd1;border-color:#369df2}.security-identity-actions button:disabled{opacity:.45}.security-identity-actions svg{width:15px}html.erp-light .security-modal-backdrop{--security-bg:#f5f8fb;--security-card:#fff;--security-card-soft:#edf4f9;--security-border:#c5d7e4;--security-text:#142b3b;--security-muted:#647e90;background:#192c3a7a}html.erp-light .security-password-field input,html.erp-light .passkey-register-row input,html.erp-light .totp-code-row input{background:#f7fafc}html.erp-light .security-identity-backdrop{background:#192c3a75}html.erp-light .security-identity-dialog input{background:#f7fafc}html.erp-light .security-required-notice{color:#7f530d;background:#fff4dd;border-color:#e2ba70}html.erp-light .security-required-notice p{color:#8e6b2d}html.erp-light .security-policy-badge{color:#167257;background:#e2f5ef;border-color:#77bba7}html.erp-light .security-method-title>b.enabled{color:#176c59;background:#dff4ed}html.erp-light .security-method-card.passkey .security-method-icon{color:#13705c;background:#dff4ed}html.erp-light .security-enabled-row{background:#e8f7f2;border:1px solid #a8dccc}html.erp-light .security-enabled-row span{color:#176c59}html.erp-light .security-enabled-row button{color:#a43f55;background:#fff1f4;border-color:#e0a8b4}html.erp-light .passkey-privacy{color:#176c59;background:#edf8f5;border:1px solid #adddd0}html.erp-light .passkey-privacy strong{color:#18394a}html.erp-light .passkey-privacy small{color:#647e90}@media (width<=680px){.security-modal-backdrop{align-items:center;padding:10px}.security-modal{border-radius:18px;width:100%;max-height:86dvh}.security-modal-header{grid-template-columns:40px 1fr auto;gap:10px;padding:13px 14px}.security-modal-emblem{border-radius:12px;width:40px;height:40px}.security-modal-header h2{font-size:18px}.security-modal-header p{font-size:9px}.security-modal-content{gap:10px;padding:11px}.security-password-field{grid-template-columns:1fr;padding:11px}.security-password-field small{grid-column:1}.security-method-card{grid-template-columns:1fr;padding:12px}.security-method-icon{display:none}.security-method-title{gap:7px}.security-method-title h3{font-size:15px}.security-method-title p{font-size:9px}.totp-enrollment{grid-template-columns:1fr;padding:10px}.totp-enrollment>img{justify-self:center;width:min(150px,100%)}.totp-code-row,.passkey-register-row{grid-template-columns:1fr}.totp-code-row button{min-height:38px}.security-enabled-row{flex-direction:column;align-items:stretch}.security-enabled-row button{min-height:36px}.recovery-code-box>div{grid-template-columns:repeat(2,1fr)}.security-identity-backdrop{padding:12px}.security-identity-dialog{padding:15px}}