/* Scoped account surfaces retain the original dot sign-in palette and typography. */
.account-screen,.account-profile-dialog{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.account-screen *,.account-profile-dialog *{box-sizing:border-box}
.account-screen[hidden],.account-profile-dialog [hidden]{display:none!important}
.account-screen{position:fixed;inset:0;z-index:100;overflow:auto;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-width:300px;background:#101210;color:#f7f8f4;background-image:radial-gradient(circle,#66784a36 .7px,transparent .9px);background-size:23px 23px;color-scheme:dark}
.account-screen:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 10%,#101210d9 100%);z-index:-1}
.account-visible>#app-shell{visibility:hidden}
.account-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 46px}
.account-brand{display:inline-flex;gap:10px;align-items:center;font-size:27px;letter-spacing:-1.5px;font-weight:700;line-height:1;color:#f7f8f4}
.account-brand-dot{width:10px;height:10px;border-radius:50%;background:#bded65;box-shadow:0 0 22px #bded6529}
.account-eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#a1a79a}
.account-main{display:flex;align-items:center;justify-content:center;min-width:0;padding:22px 24px 32px}
.account-wrap{width:440px;max-width:100%;min-width:0}
.account-wrap:has(.account-profile-card){width:490px}
.account-pretitle{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 20px;font-size:10px;letter-spacing:1.8px;font-weight:500;color:#a1a79a}
.account-pretitle i{display:block;width:5px;height:5px;border-radius:50%;background:#bded65}
.account-card{background:#f7f8f4;color:#151814;color-scheme:light;border:1px solid #fff;border-radius:22px;padding:34px;box-shadow:0 20px 100px #00000038}
.account-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;margin-bottom:23px;background:#151814;color:#bded65;font-size:35px;font-weight:600;line-height:1;letter-spacing:-3px;padding-right:3px}
.account-mark span{margin-left:1px;margin-top:-5px}
.account-card h1{margin:0;font-size:32px;letter-spacing:-1.4px;line-height:1.13;font-weight:650;outline:none}
.account-intro{font-size:13px;line-height:1.65;color:#6c7166;margin:11px 0 25px}
.account-form{margin:0}
.account-field{margin-top:17px}
.account-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#252b20}
.account-field input,.account-field select{font:inherit;font-size:14px;width:100%;min-width:0;min-height:47px;border:1px solid #dfe3d9;background:#eef0ea;color:#151814;border-radius:9px;padding:11px 13px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}
.account-field input::placeholder{color:#858b7e;opacity:1}
.account-field input:focus,.account-field select:focus{background:#fff;border-color:#7d9d47;box-shadow:0 0 0 3px #bde97540}
.account-field input[aria-invalid=true],.account-field select[aria-invalid=true]{border-color:#7c6659;box-shadow:0 0 0 2px #7c665912}
.account-field input[readonly]{background:#e9ece4;color:#6d7565}
.account-field-hint{color:#7a8172;font-size:10px;line-height:1.55;margin:7px 0 0}
.account-field-error{font-size:11px;color:#66503e;line-height:1.5;margin:7px 0 0}
.account-password-wrap{position:relative}
.account-password-wrap input{padding-right:60px}
.account-password-toggle{position:absolute;right:3px;top:3px;height:41px;min-width:50px;border:0;border-radius:6px;background:transparent;color:#6b7461;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.account-password-toggle:hover{background:#e2e6da;color:#151814}
.account-primary{min-height:47px;width:100%;border:1px solid transparent;border-radius:9px;background:#bded65;color:#151814;padding:12px 16px;font:inherit;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;cursor:pointer;transition:background .15s,box-shadow .15s}
.account-primary:hover{background:#caf780;box-shadow:0 4px 18px #99c64a22}
.account-primary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.account-primary:disabled{cursor:wait;opacity:.62}
.account-text-button,.account-resend{font:inherit;font-size:12px;font-weight:600;border:0;background:transparent;color:#344129;padding:8px 4px;cursor:pointer;border-radius:4px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a4b690}
.account-text-button:hover,.account-resend:hover{color:#151814;text-decoration-color:#151814}
.account-text-button:disabled,.account-resend:disabled{color:#87907d;cursor:default;text-decoration:none}
.account-resend{display:block;margin:12px auto 0}
.account-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;color:#6c7166;font-size:12px;margin:12px 0 0}
.account-switch+.account-switch{border-top:1px solid #dfe3d9;margin-top:9px;padding-top:13px}
.account-status,.account-notice{padding:11px 12px;background:#e7eedc;border:1px solid #d2dfbe;color:#415330;border-radius:8px;font-size:12px;line-height:1.6;margin:18px 0 0;overflow-wrap:anywhere}
.account-notice{margin:0 0 20px}
.account-status.is-error{background:#edede7;border-color:#c7cabc;color:#505743}
.account-loading{font-size:13px;color:#737d69;line-height:1.7;padding:16px 0}
.account-preview-note{text-align:center;color:#9da494;font-size:10px;line-height:1.7;margin:17px 0 0}
.account-preview-accounts{border-top:1px solid #dfe3d9;margin-top:17px;padding-top:18px;text-align:center}
.account-preview-accounts>p{margin:0 0 7px;font-size:9px;letter-spacing:1.6px;color:#6c785f;font-weight:600}
.account-preview-accounts>span{display:block;font-size:10px;line-height:1.6;color:#7a8272}
.account-preview-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
.account-preview-user{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 5px;border:1px solid #dfe5d6;border-radius:8px;background:#eef1e8;color:#3c4b30;cursor:pointer;font:inherit}
.account-preview-user strong{font-size:12px;font-weight:600}
.account-preview-user span{font-size:9px;color:#7a8670}
.account-preview-user:hover{background:#e4edda;border-color:#b8cea0}
.account-preview-user:disabled{opacity:.6;cursor:wait}
.account-demo-code{font-size:10px;color:#657454;line-height:1.7;text-align:center;margin:13px 0 0;background:#ecf1e5;padding:9px;border-radius:6px}
.account-demo-code code{font:inherit;font-weight:650;letter-spacing:.6px;color:#314722}
.account-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 46px 28px;color:#919889;font-size:11px}
.account-screen button:focus-visible,.account-profile-dialog button:focus-visible{outline:3px solid #82ae36;outline-offset:3px}
.account-profile-dialog{position:fixed;margin:auto;width:min(500px,calc(100% - 32px));max-height:calc(100svh - 42px);overflow:auto;padding:31px 33px;border:1px solid #fff;border-radius:20px;background:#f7f8f4;color:#151814;color-scheme:light;box-shadow:0 20px 100px #0008}
.account-profile-dialog::backdrop{background:#080b08c9;backdrop-filter:blur(5px)}
.account-profile-dialog h2{font-size:29px;letter-spacing:-1px;font-weight:600;margin:3px 34px 0 0;line-height:1.2}
.account-dialog-close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dbe0d4;border-radius:8px;background:#edf0e7;color:#637455;font:inherit;font-size:23px;cursor:pointer}
.account-photo-editor{display:flex;align-items:center;gap:17px;padding:1px 0 9px}
.account-photo-avatar{position:relative;width:69px;height:69px;flex-shrink:0;background:#dbe8cb;color:#4e6540;font-size:22px;font-weight:600;border:3px solid #e9efe1;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.account-photo-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#dbe8cb}
.account-photo-controls{min-width:0;flex:1}
.account-photo-controls .account-text-button{font-size:11px;padding:4px 7px 4px 0}
.account-photo-controls .account-field-hint{margin-top:2px}
.account-photo-progress{display:block;width:100%;height:5px;margin-top:9px;accent-color:#8dad5c}
.account-photo-status{font-size:10px;line-height:1.5;margin:6px 0 0;color:#637653}
.account-photo-status:empty{display:none}
.account-readonly-details{display:flex;flex-direction:column;gap:11px;padding:17px 0 3px;margin-top:20px;border-top:1px solid #dfe3d9}
.account-readonly-details>div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;font-size:10px;line-height:1.5}
.account-readonly-details span{color:#808976;flex-shrink:0}
.account-readonly-details strong{font-weight:500;color:#59674c;overflow-wrap:anywhere;text-align:right}
.account-setup-signout{display:block;margin:12px auto 0}
@media(max-width:620px){.account-header{padding:25px 24px}.account-eyebrow{font-size:8px;letter-spacing:1.4px}.account-main{padding:18px 18px 25px}.account-card{border-radius:18px;padding:29px 25px}.account-card h1{font-size:30px}.account-pretitle{font-size:9px}.account-footer{padding:18px 24px 24px;font-size:10px}.account-field input,.account-field select{font-size:16px}.account-profile-dialog{padding:27px 24px;border-radius:16px}.account-profile-dialog h2{font-size:27px}.account-readonly-details>div{gap:11px}}
@media(max-width:360px){.account-card{padding:25px 20px}.account-card h1{font-size:28px}.account-header{padding-inline:20px}.account-footer{padding-inline:20px}.account-preview-choices{gap:5px}.account-profile-dialog{padding-inline:20px}.account-photo-editor{gap:11px}}
@media(prefers-reduced-motion:reduce){.account-screen *,.account-profile-dialog *{transition:none!important;scroll-behavior:auto!important}}