.cloud-auth-pending .shell { visibility:hidden; }
.cloud-auth-root[hidden] { display:none; }
.cloud-auth-root { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; overflow-y:auto; padding:24px; background:#f0f1f4; color:#162135; font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.cloud-auth-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); width:min(1540px,100%); min-height:min(900px,calc(100vh - 48px)); padding:8px; border:1px solid #e8eaf0; border-radius:30px; background:#fff; box-shadow:0 18px 55px rgba(22,33,53,.08); overflow:hidden; }
.cloud-auth-visual { min-height:100%; border-radius:24px; background:linear-gradient(145deg,#1c34bd 0%,#245de0 48%,#168bda 100%); }
.cloud-auth-visual-copy { max-width:520px; padding:clamp(38px,7vw,104px); color:#fff; animation:cloud-auth-copy-in .2s ease-out both; }
.cloud-auth-visual-copy span { display:block; margin-bottom:20px; color:rgba(255,255,255,.72); font-size:12px; font-weight:750; letter-spacing:.14em; }
.cloud-auth-visual-copy h2 { margin:0; max-width:460px; color:#fff; font-size:clamp(32px,4vw,58px); line-height:1.08; letter-spacing:-.045em; }
.cloud-auth-visual-copy p { max-width:420px; margin:18px 0 0; color:rgba(255,255,255,.8); font-size:17px; line-height:1.6; }
.cloud-auth-panel { display:grid; place-items:center; padding:42px clamp(30px,6vw,92px); }
.cloud-auth-card { width:min(480px,100%); padding:30px; border:1px solid #e5e9f0; border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(22,33,53,.12); }
.cloud-auth-panel .cloud-auth-card { width:min(480px,100%); padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.cloud-auth-layout .cloud-auth-card { animation:cloud-auth-panel-in .2s ease-out both; }
.cloud-auth-card h1 { margin:0; font-size:26px; letter-spacing:-.5px; }
.cloud-auth-card p { margin:7px 0 22px; color:#65728a; }
.cloud-auth-form { display:grid; gap:15px; }
.cloud-auth-name-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cloud-auth-name-row .cloud-auth-field { min-width:0; }
.cloud-auth-field label { display:block; margin-bottom:6px; color:#162135; font-size:13px; font-weight:700; }
.cloud-auth-field-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; }
.cloud-auth-field-head label { margin:0; }
.cloud-auth-field input { width:100%; padding:11px 12px; border:1px solid #ccd3df; border-radius:9px; background:#fff; color:#162135; font:inherit; }
.cloud-auth-field select { width:100%; padding:11px 12px; border:1px solid #ccd3df; border-radius:9px; background:#fff; color:#162135; font:inherit; }
.cloud-auth-field input:focus { border-color:#365df5; outline:3px solid rgba(54,93,245,.12); }
.cloud-auth-text-button { padding:0; border:0; background:transparent; color:#365df5; cursor:pointer; font:700 12px/1.2 inherit; }
.cloud-auth-text-button:hover { color:#274be0; text-decoration:underline; }
.cloud-auth-primary,.cloud-auth-secondary,.cloud-auth-link { cursor:pointer; font:700 14px/1.2 inherit; }
.cloud-auth-primary { width:100%; padding:12px 15px; border:0; border-radius:9px; background:#365df5; color:#fff; }
.cloud-auth-primary:hover { background:#274be0; }
.cloud-auth-primary:disabled { cursor:wait; opacity:.65; }
.cloud-auth-secondary { width:100%; padding:11px 15px; border:1px solid #ccd6ff; border-radius:9px; background:#fff; color:#365df5; }
.cloud-auth-secondary:hover { background:#f5f7ff; }
.cloud-auth-actions { display:grid; gap:10px; }
.cloud-auth-file { display:none; }
.cloud-auth-note { margin:16px 0 0 !important; font-size:12px; }
.cloud-auth-message { margin:0 !important; padding:10px 12px; border-radius:8px; background:#eef2ff; color:#435291 !important; font-size:13px; }
.cloud-auth-message.error { background:#fdecef; color:#b02f45 !important; }
.cloud-auth-message.success { background:#e9f8f1; color:#087849 !important; }
.cloud-auth-preview-note { margin:0 0 18px !important; padding:9px 11px; border-radius:8px; background:#eef2ff; color:#435291 !important; font-size:12px; font-weight:650; }
.cloud-auth-phone-row { display:grid; grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr); gap:9px; }
.cloud-auth-phone-row select,.cloud-auth-phone-row input { min-width:0; }
.cloud-auth-help { display:block; margin-top:6px; color:#65728a; font-size:11px; }
.cloud-mfa-qr { display:block; width:180px; height:180px; margin:0 auto 14px; }
.cloud-mfa-secret { display:block; overflow-wrap:anywhere; padding:9px; background:#f4f6fa; border-radius:8px; font-family:ui-monospace,monospace; user-select:all; }
.cloud-mfa-list { display:grid; gap:10px; margin:14px 0; }
.cloud-mfa-factor { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border:1px solid #e5e9f0; border-radius:9px; }
.cloud-mfa-factor button { width:auto; }
.cloud-mfa-actions { display:grid; gap:9px; margin-top:12px; }
#cloudAuthRoot .cloud-mfa-remember { display:flex!important; align-items:center; gap:10px; width:100%; margin:0; color:#45516a; font-size:13px; line-height:1.4; cursor:pointer; }
#cloudAuthRoot .cloud-mfa-remember input[type="checkbox"] { appearance:auto; width:16px!important; min-width:16px; max-width:16px; height:16px!important; flex:0 0 16px!important; margin:0; padding:0; accent-color:#365df5; }
.cloud-auth-divider { display:flex; align-items:center; gap:10px; margin:18px 0; color:#8a96aa; font-size:12px; }
.cloud-auth-divider::before,.cloud-auth-divider::after { content:""; height:1px; flex:1; background:#e5e9f0; }
.cloud-auth-boot { text-align:center; }
.cloud-auth-spinner { width:34px; height:34px; margin:0 auto 14px; border:3px solid #dce4ff; border-top-color:#365df5; border-radius:50%; animation:cloud-spin .75s linear infinite; }
@keyframes cloud-spin { to { transform:rotate(360deg); } }
@keyframes cloud-auth-panel-in { from { opacity:0; transform:translateX(12px); } to { opacity:1; transform:translateX(0); } }
@keyframes cloud-auth-copy-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.cloud-status-dot { width:8px; height:8px; border-radius:50%; background:#18a96b; }
.cloud-delete-modal[hidden] { display:none; }
.cloud-delete-modal { position:fixed; z-index:1100; inset:0; display:grid; place-items:center; padding:20px; font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.cloud-delete-backdrop { position:absolute; inset:0; background:rgba(17,30,52,.42); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.cloud-delete-card { position:relative; width:min(470px,100%); padding:26px; border:1px solid #e5e9f0; border-radius:16px; background:#fff; color:#162135; box-shadow:0 24px 70px rgba(22,33,53,.22); }
.cloud-delete-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; }
.cloud-delete-heading h2 { margin:0; font-size:22px; letter-spacing:-.35px; }
.cloud-delete-close { width:32px; height:32px; flex:0 0 auto; border:0; border-radius:50%; background:#f1f4f8; color:#162135; cursor:pointer; font-size:21px; line-height:1; }
.cloud-delete-warning { margin:0 0 18px; padding:12px 13px; border-radius:9px; background:#fff3f5; color:#9e2d41; font-size:13px; }
.cloud-delete-form { display:grid; gap:15px; }
.cloud-delete-field label { display:block; margin-bottom:6px; color:#162135; font-size:13px; font-weight:750; }
.cloud-delete-field input { width:100%; box-sizing:border-box; padding:11px 12px; border:1px solid #ccd3df; border-radius:9px; background:#fff; color:#162135; font:inherit; }
.cloud-delete-field input:focus { border-color:#d5485e; outline:3px solid rgba(213,72,94,.12); }
.cloud-delete-field small { display:block; margin-top:6px; color:#65728a; font-size:11px; }
.cloud-delete-message { margin:0; padding:10px 12px; border-radius:8px; background:#fdecef; color:#b02f45; font-size:13px; }
.cloud-delete-message.success { background:#e9f8f1; color:#087849; }
.cloud-delete-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:3px; }
.cloud-delete-cancel,.cloud-delete-confirm { min-height:39px; padding:9px 13px; border-radius:9px; cursor:pointer; font-size:13px; font-weight:800; }
.cloud-delete-cancel { border:1px solid #ccd3df; background:#fff; color:#45516a; }
.cloud-delete-confirm { border:0; background:#d5485e; color:#fff; }
.cloud-delete-confirm:hover:not(:disabled) { background:#bd384e; }
.cloud-delete-confirm:disabled { cursor:not-allowed; opacity:.45; }
.cloud-password-intro { margin:0 0 18px; color:#65728a; font-size:13px; }
.cloud-password-confirm { border:0; background:#365df5; color:#fff; }
.cloud-password-confirm:hover:not(:disabled) { background:#274be0; }
.cloud-password-confirm:disabled { cursor:not-allowed; opacity:.45; }
@media(max-width:760px) { .cloud-auth-root { padding:12px; } .cloud-auth-layout { grid-template-columns:1fr; min-height:calc(100vh - 24px); padding:6px; border-radius:22px; } .cloud-auth-visual { min-height:150px; border-radius:17px; } .cloud-auth-visual-copy { max-width:none; padding:22px 24px; } .cloud-auth-visual-copy span { margin-bottom:8px; font-size:10px; } .cloud-auth-visual-copy h2 { font-size:27px; } .cloud-auth-visual-copy p { margin-top:8px; font-size:13px; } .cloud-auth-panel { padding:28px 22px; } .cloud-auth-card { padding:24px; } .cloud-auth-panel .cloud-auth-card { padding:0; } .cloud-auth-phone-row { grid-template-columns:minmax(125px,.9fr) minmax(0,1.1fr); } }