:root{--mx-brand-50:#fff1f1;--mx-brand-100:#ffdfdf;--mx-brand-200:#ffc5c5;--mx-brand-300:#ff9d9d;--mx-brand-400:#ff6464;--mx-brand-500:#f53535;--mx-brand-600:#c8161d;--mx-brand-700:#a01217;--mx-brand-800:#7d1818;--mx-brand-900:#5a0d0d;--mx-text-primary:#1a0606;--mx-text-secondary:#6b5a5a;--mx-text-muted:#988;--mx-text-on-brand:#fff;--mx-surface-page:#fafafa;--mx-surface-card:#fff;--mx-surface-muted:#f4f3f3;--mx-surface-border:#ececec;--mx-success-solid:#10b981;--mx-success-soft-bg:#ecfdf5;--mx-success-soft-fg:#047857;--mx-warning-solid:#f59e0b;--mx-warning-soft-bg:#fffbeb;--mx-warning-soft-fg:#92400e;--mx-danger-solid:#dc2626;--mx-danger-soft-bg:#fee2e2;--mx-danger-soft-fg:#b91c1c;--mx-gradient-brand:linear-gradient(135deg, #ff5757 0%, var(--mx-brand-600) 45%, var(--mx-brand-800) 100%);--mx-gradient-auth:radial-gradient(circle at 20% 20%, var(--mx-brand-400) 0%, transparent 45%), radial-gradient(circle at 80% 30%, var(--mx-brand-600) 0%, transparent 50%), radial-gradient(circle at 60% 85%, var(--mx-brand-800) 0%, transparent 55%), linear-gradient(135deg, var(--mx-brand-900) 0%, var(--mx-brand-800) 100%);--mx-shadow-brand:0 10px 25px -5px #c8161d59, 0 6px 12px -6px #c8161d40;--mx-shadow-brand-lg:0 25px 50px -12px #c8161d73, 0 10px 18px -10px #7d181866;--mx-shadow-card:0 1px 2px #0f0f0f0a, 0 8px 24px -10px #0f0f0f14;color:var(--mx-text-primary);background:var(--mx-gradient-auth);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans Lao,Phetsarath OT,Saysettha OT,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--mx-gradient-auth);background-attachment:fixed;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{font-size:14px}#root{background:var(--mx-gradient-auth);height:100dvh;overflow:hidden}[id^=Notiflix],[class^=notiflix],[class*=\ notiflix],.notiflix-notify,.notiflix-confirm,.notiflix-report,.notiflix-loading,.notiflix-block{font-family:Noto Sans Lao,Phetsarath OT,Saysettha OT,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.mx-login,.auth-shell{background:var(--mx-gradient-auth);overflow-wrap:anywhere;height:100dvh}.mx-login{z-index:1;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.mx-login-orbs{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.mx-orb{border-radius:50%;position:absolute}.mx-orb-1{background:color-mix(in srgb, var(--mx-brand-500) 30%, transparent);filter:blur(100px);width:360px;height:360px;top:15%;left:-120px}.mx-orb-2{background:color-mix(in srgb, var(--mx-brand-800) 45%, transparent);filter:blur(120px);width:420px;height:420px;top:-120px;right:-120px}.mx-orb-3{background:color-mix(in srgb, var(--mx-brand-400) 22%, transparent);filter:blur(110px);width:360px;height:360px;bottom:-100px;left:30%}.auth-shell{position:relative;overflow:hidden}.auth-shell:before{content:"";pointer-events:none;z-index:0;background:color-mix(in srgb, var(--mx-brand-500) 28%, transparent);filter:blur(115px);border-radius:999px;width:420px;height:420px;position:fixed;inset:auto auto -120px 18%}.mx-login-grid{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100dvh;display:grid;position:relative}.mx-login-brand{color:#fff;flex-direction:column;gap:34px;min-height:100dvh;padding:58px 64px;display:flex;position:relative}.brand-row,.mobile-brand,.session-brand{align-items:center;gap:14px;display:flex}.brand-row strong,.mobile-brand strong{font-size:20px;font-weight:900;line-height:1;display:block}.brand-row span,.mobile-brand span{letter-spacing:0;margin-top:5px;font-size:10.5px;font-weight:700;display:block}.brand-row span{color:#ffffffb3}.mobile-brand span{color:var(--mx-text-muted)}.logo-tile{width:56px;height:56px;box-shadow:var(--mx-shadow-brand);background:#fff3;border:1px solid #ffffff4d;border-radius:14px;flex:none;place-items:center;padding:8px;display:grid}.logo-tile.compact{background:var(--mx-brand-600);border-color:#0000;width:48px;height:48px}.logo-tile img{object-fit:contain;width:100%;height:100%}.brand-copy{max-width:560px;margin-top:auto}.eyebrow{color:var(--mx-brand-600);letter-spacing:0;margin:0;font-size:11.5px;font-weight:900}.eyebrow.light{color:#ffffffb8;align-items:center;gap:8px;display:inline-flex}.eyebrow-row{align-items:center;gap:8px;display:flex}.eyebrow-bar{background-image:var(--mx-gradient-brand);border-radius:999px;flex:none;width:32px;height:3px}.brand-copy h1{max-width:560px;margin:12px 0 16px;font-size:35px;font-weight:900;line-height:1.24}.brand-copy p:last-child{color:#ffffffc7;max-width:520px;margin:0;font-size:14px;line-height:1.75}.feature-stack{gap:12px;max-width:590px;display:grid}.feature-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.feature-icon{background:#ffffff47;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.feature-row strong{font-size:13.5px;display:block}.feature-row span{color:#ffffffbd;margin-top:3px;font-size:11.5px;line-height:1.45;display:block}.system-strip{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.system-strip .feature-row.system-row{cursor:pointer;flex:150px;min-width:150px}.system-strip .feature-row.system-row span{color:#ffffffeb;align-items:center;gap:4px;margin-top:0;font-size:13px;font-weight:700;display:flex}.mx-login-form-panel,.auth-shell{z-index:1;place-items:center;padding:32px;display:grid;position:relative}.mx-login-form-panel{min-height:100dvh;overflow-y:auto}.mx-login-card{background:color-mix(in srgb, var(--mx-surface-card) 97%, transparent);width:min(100%,440px);box-shadow:var(--mx-shadow-brand-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff8c;border-radius:20px;gap:18px;padding:36px;display:grid;position:relative}.mx-login-fields{gap:18px;display:grid}.divider-row{align-items:center;gap:10px;display:flex}.divider-row span{background:var(--mx-surface-border);flex:1;height:1px}.divider-row em{letter-spacing:2px;text-transform:uppercase;color:var(--mx-text-muted);white-space:nowrap;flex:none;font-size:11px;font-style:normal;font-weight:700}.help-text{text-align:center;color:var(--mx-text-muted);margin:0;font-size:12px}.help-text strong{color:var(--mx-brand-600);font-weight:600}.mobile-brand{display:none}.lang-switcher{z-index:2;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute;top:14px;right:14px}.lang-options{opacity:0;align-items:center;gap:6px;max-width:0;transition:max-width .3s,opacity .2s;display:flex;overflow:hidden}.lang-options.is-open{opacity:1;max-width:260px}.lang-switcher button{white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.lang-options button{border:1px solid var(--mx-surface-border);color:var(--mx-text-muted);background:0 0}.lang-active{border:1.5px solid var(--mx-brand-600);background:var(--mx-brand-50);color:var(--mx-brand-600)}.lang-switcher button span{font-size:14px;line-height:1}.form-heading{margin-bottom:4px}h1,h2,p{margin:0}.form-heading h2{color:var(--mx-text-primary);margin-top:8px;font-size:26px;font-weight:800;line-height:1.18}.form-heading span,.muted{color:var(--mx-text-secondary);margin-top:6px;font-size:13.5px;display:block}.field{color:var(--mx-text-primary);gap:8px;font-size:12.5px;font-weight:700;display:grid}.input-wrap{border:1px solid var(--mx-surface-border);background:var(--mx-surface-card);border-radius:12px;align-items:center;gap:10px;height:50px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.input-wrap:focus-within{border-color:var(--mx-brand-600);box-shadow:0 0 0 4px #c8161d1f}.input-wrap svg{color:var(--mx-text-muted);flex:none}input{width:100%;min-width:0;color:var(--mx-text-primary);background:0 0;border:0;outline:0;font-size:14px;font-weight:600}.remember-phone{width:fit-content;color:var(--mx-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:800;display:inline-flex}.remember-phone input{width:16px;height:16px;accent-color:var(--mx-brand-600);cursor:pointer}select{border:1px solid var(--mx-surface-border);width:100%;height:50px;color:var(--mx-text-primary);background:var(--mx-surface-card);border-radius:12px;outline:0;padding:0 14px;font-size:14px;font-weight:700}select:focus{border-color:var(--mx-brand-600);box-shadow:0 0 0 4px #c8161d1f}.icon-button{width:34px;height:34px;color:var(--mx-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-button:hover{background:var(--mx-brand-50);color:var(--mx-brand-700)}small{color:var(--mx-brand-700);font-size:11.5px;font-weight:700}.turnstile-wrap{justify-content:flex-start;min-height:65px;display:flex}.turnstile-wrap>div{width:100%}.login-lockout-alert{border:1px solid color-mix(in srgb, var(--mx-danger-soft-fg) 24%, transparent);background:var(--mx-danger-soft-bg);min-height:42px;color:var(--mx-danger-soft-fg);border-radius:10px;align-items:center;gap:10px;padding:10px 13px;font-size:12.5px;font-weight:800;line-height:1.45;display:flex}.login-lockout-alert svg{flex:none}.login-lockout-alert strong{font-weight:900}.primary{background-image:var(--mx-gradient-brand);min-height:42px;color:var(--mx-text-on-brand);cursor:pointer;box-shadow:var(--mx-shadow-brand);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s,filter .15s;display:inline-flex}.primary:hover:not(:disabled){box-shadow:var(--mx-shadow-brand-lg);filter:brightness(1.06);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(0)}.primary:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.passkey-button{border:1px solid var(--mx-surface-border);background:var(--mx-surface-card);min-height:42px;color:var(--mx-text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex}.passkey-button:hover:not(:disabled){border-color:var(--mx-brand-200);background:var(--mx-brand-50);color:var(--mx-brand-700);transform:translateY(-1px)}.passkey-button:disabled{cursor:not-allowed;opacity:.62}.primary.ghost{background:var(--mx-brand-900);width:100%;margin-top:22px}.auth-shell{padding:28px}.profile-shell{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--mx-text-muted) 34%, transparent) transparent;background:linear-gradient(180deg, var(--mx-surface-page) 0%, color-mix(in srgb, var(--mx-brand-50) 68%, #fff) 100%);overflow-y:auto}.profile-shell:before{content:none}.profile-shell::-webkit-scrollbar{width:8px}.profile-shell::-webkit-scrollbar-track{background:0 0}.profile-shell::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--mx-text-muted) 34%, transparent);background-clip:content-box;border:2px solid #0000;border-radius:999px}.profile-shell::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--mx-text-muted) 52%, transparent);background-clip:content-box}.profile-page{z-index:1;grid-template-columns:330px minmax(0,1fr);gap:16px;width:min(100%,1040px);display:grid;position:relative}.profile-topbar{grid-column:1/-1;justify-content:flex-start;align-items:center;display:flex}.profile-back-button{border:1px solid var(--mx-surface-border);background:color-mix(in srgb, var(--mx-surface-card) 92%, transparent);min-height:38px;color:var(--mx-text-primary);box-shadow:var(--mx-shadow-card);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.profile-back-button:hover{border-color:var(--mx-brand-100);background:var(--mx-surface-card);transform:translateY(-1px)}.profile-avatar-card,.profile-info-card{border:1px solid var(--mx-surface-border);background:var(--mx-surface-card);box-shadow:var(--mx-shadow-card);border-radius:14px}.profile-avatar-card{align-self:start;padding:14px;position:relative;overflow:hidden}.profile-banner{background-image:var(--mx-gradient-brand);border-radius:10px;justify-content:flex-end;align-items:flex-start;min-height:72px;padding:14px;display:flex}.profile-banner span{color:#ffffffc2;font-size:11px;font-weight:900}.profile-identity{text-align:center;justify-items:center;gap:8px;margin-top:-30px;padding:0 8px;display:grid}.profile-avatar{border:4px solid var(--mx-surface-card);background-image:var(--mx-gradient-brand);color:#fff;border-radius:999px;place-items:center;width:82px;height:82px;font-size:30px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000026}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-name-block{min-width:0}.profile-name-block h1{color:var(--mx-text-primary);margin:0;font-size:18px;font-weight:900;line-height:1.3}.profile-name-block p{color:var(--mx-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;font-weight:700;overflow:hidden}.profile-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;padding:0 8px;display:flex}.profile-badges span{border:1px solid var(--mx-brand-100);background:var(--mx-brand-50);min-height:25px;color:var(--mx-brand-700);border-radius:999px;align-items:center;gap:4px;padding:3px 11px;font-size:12px;font-weight:800;display:inline-flex}.profile-badges .is-secure{color:#047857;background:#10b9811a;border-color:#10b98140}.profile-badges .is-warning{color:#92400e;background:#f59e0b1a;border-color:#f59e0b40}.profile-actions{border-top:1px dashed var(--mx-surface-border);grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px;padding:12px 8px 0;display:grid}.profile-primary,.profile-ghost{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.profile-primary{background:var(--mx-brand-600);color:#fff;border:0}.profile-primary:hover:not(:disabled){background:var(--mx-brand-700);transform:translateY(-1px)}.profile-primary.danger{background:var(--mx-danger-solid)}.profile-ghost{border:1px solid var(--mx-surface-border);background:var(--mx-surface-muted);color:var(--mx-text-primary)}.profile-ghost:hover:not(:disabled){background:var(--mx-surface-muted);transform:translateY(-1px)}.profile-primary:disabled,.profile-ghost:disabled{cursor:not-allowed;opacity:.6}.profile-info-column{gap:16px;min-width:0;display:grid}.profile-info-card{padding:22px}.profile-card-title{color:var(--mx-text-primary);align-items:center;gap:7px;margin-bottom:6px;font-size:15px;font-weight:900;display:flex}.profile-card-title svg{color:var(--mx-brand-600)}.profile-stat-row{border-bottom:1px dashed var(--mx-surface-border);align-items:center;gap:12px;padding:12px 0;display:flex}.profile-stat-row:last-child{border-bottom:0}.profile-stat-icon{background:linear-gradient(135deg, var(--mx-brand-50), var(--mx-brand-100));width:36px;height:36px;color:var(--mx-brand-700);border-radius:9px;flex:none;place-items:center;display:grid}.profile-stat-body{flex:1;min-width:0}.profile-stat-body small,.profile-stat-body strong{display:block}.profile-stat-body small{color:var(--mx-text-muted);font-size:12px;font-weight:700}.profile-stat-body strong{color:var(--mx-text-primary);overflow-wrap:anywhere;margin-top:2px;font-size:14px;font-weight:800}.profile-modal-backdrop{z-index:50;background:#1a06066b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-modal{border:1px solid var(--mx-surface-border);background:var(--mx-surface-card);border-radius:14px;grid-template-rows:auto minmax(0,1fr);width:min(100%,720px);max-height:calc(100dvh - 40px);display:grid;overflow:hidden;box-shadow:0 24px 80px -30px #1a060680}.profile-modal-header{border-bottom:1px solid var(--mx-surface-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.profile-modal-title{color:var(--mx-text-primary);align-items:center;gap:8px;font-size:15px;font-weight:900;display:inline-flex}.profile-modal-icon{background:var(--mx-brand-50);width:34px;height:34px;color:var(--mx-brand-600);border-radius:10px;place-items:center;display:grid}.profile-icon-button{border:1px solid var(--mx-surface-border);width:34px;height:34px;color:var(--mx-text-secondary);cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-size:24px;line-height:1;display:grid}.profile-icon-button:hover{background:var(--mx-surface-muted);color:var(--mx-text-primary)}.profile-modal-body{gap:16px;min-height:0;padding:18px;display:grid;overflow-y:auto}.profile-modal-status{border:1px solid var(--mx-surface-border);background:var(--mx-surface-muted);color:var(--mx-text-secondary);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.account-page{gap:16px;width:min(100%,1040px);max-height:calc(100dvh - 56px);display:grid;overflow-y:auto}.account-hero{color:#fff;background:linear-gradient(135deg, var(--mx-brand-600), var(--mx-brand-800));border-radius:16px;align-items:center;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px -18px #7d1818b8}.account-hero:after{content:"";pointer-events:none;background:#ffffff24;border-radius:999px;width:270px;height:270px;position:absolute;top:-86px;right:-44px}.account-hero:before{content:"";filter:blur(2px);pointer-events:none;background:#ffffff14;border-radius:999px;width:200px;height:200px;position:absolute;bottom:-70px;left:22%}.account-avatar{z-index:1;color:#fff;background:#ffffff2e;border:2.5px solid #ffffff80;border-radius:20px;flex:none;place-items:center;width:80px;height:80px;font-size:28px;font-weight:900;transition:transform .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 5px #ffffff1a,0 12px 24px -10px #00000059}.account-avatar:hover{transform:translateY(-2px)scale(1.02)}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-hero-body{z-index:1;flex:1;min-width:0;position:relative}.account-hero h1{color:#fff;margin:6px 0 0;font-size:24px;font-weight:900;line-height:1.22}.account-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.account-chips span{color:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #fff3;border-radius:999px;align-items:center;min-height:27px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex}.account-logout{z-index:1;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:800;transition:background .15s,transform .15s;display:inline-flex;position:relative}.account-logout:hover{background:#ffffff3d;transform:translateY(-1px)}.account-layout{grid-template-columns:268px minmax(0,1fr);gap:16px;display:grid}.account-tabs,.account-card{border:1px solid var(--mx-surface-border);box-shadow:var(--mx-shadow-card);background:#fffffff7;border-radius:14px}.account-tabs{align-content:start;align-self:stretch;gap:4px;min-height:430px;padding:10px;display:grid}.account-tabs button{min-height:48px;color:var(--mx-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 13px;font-size:13px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:flex}.account-tabs button span{align-items:center;gap:10px;display:inline-flex}.account-tabs button svg{color:var(--mx-text-muted);transition:color .15s}.account-tabs button:hover{background:var(--mx-surface-muted);color:var(--mx-text-primary)}.account-tabs button.is-active{border-left-color:var(--mx-brand-600);background:var(--mx-brand-50);color:var(--mx-brand-700)}.account-tabs button.is-active svg,.account-tabs button:hover svg{color:var(--mx-brand-600)}.account-tabs button>svg:last-child{color:var(--mx-text-muted);opacity:.6;transition:transform .15s,opacity .15s}.account-tabs button.is-active>svg:last-child{color:var(--mx-brand-600);opacity:1;transform:translate(2px)}.account-summary{border:1px solid var(--mx-surface-border);border-radius:12px;gap:0;margin-top:8px;display:grid;overflow:hidden}.account-summary div{background:var(--mx-surface-muted);padding:12px}.account-summary div+div{border-top:1px solid var(--mx-surface-border)}.account-summary span{color:var(--mx-text-muted);font-size:11px;font-weight:800;display:block}.account-summary strong{color:var(--mx-text-primary);margin-top:4px;font-size:13px;font-weight:900;display:block}.account-content{gap:12px;min-width:0;display:grid}.account-card{align-content:start;gap:16px;min-height:430px;padding:20px;animation:.28s account-card-in;display:grid}@keyframes account-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.account-heading,.account-heading span{color:var(--mx-text-primary);align-items:center;gap:8px;display:flex}.account-heading{border-bottom:1px solid var(--mx-surface-border);justify-content:flex-start;padding-bottom:14px}.account-heading.between{justify-content:space-between}.account-heading strong{font-size:16px;font-weight:900;display:block}.account-heading p{color:var(--mx-text-muted);margin-top:2px;font-size:12.5px;font-weight:600}.heading-icon{background:linear-gradient(135deg, var(--mx-brand-50), var(--mx-brand-100));width:42px;height:42px;color:var(--mx-brand-600);border-radius:12px;flex:none;justify-content:center;place-items:center;display:grid}.account-heading svg,.heading-icon svg{color:var(--mx-brand-600)}.location-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.location-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.readonly-profile-item{border:1px solid var(--mx-surface-border);background:var(--mx-surface-muted);border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:64px;padding:11px 12px;display:flex}.readonly-profile-icon{width:34px;height:34px;color:var(--mx-brand-600);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.readonly-profile-item span:last-child{min-width:0}.readonly-profile-item small,.readonly-profile-item strong{display:block}.readonly-profile-item small{color:var(--mx-text-muted);font-size:11px;font-weight:800}.readonly-profile-item strong{color:var(--mx-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;font-weight:900;overflow:hidden}.avatar-picker{border:1px solid var(--mx-surface-border);background:linear-gradient(135deg, var(--mx-surface-muted), #fff);border-radius:14px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:18px;padding:16px;display:grid}.avatar-picker-preview{border:2px dashed var(--mx-brand-200);background:linear-gradient(135deg, var(--mx-brand-600), #f59e0b);color:#fff;cursor:pointer;width:92px;height:92px;box-shadow:var(--mx-shadow-card), 0 0 0 4px var(--mx-brand-50);border-radius:999px;place-items:center;font-size:30px;font-weight:900;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.avatar-picker-preview:hover:not(:disabled){border-color:var(--mx-brand-500);box-shadow:var(--mx-shadow-card), 0 0 0 5px var(--mx-brand-100);transform:translateY(-1px)}.avatar-picker-preview.has-image{background:var(--mx-surface-muted);border-style:solid}.avatar-picker-preview:disabled{cursor:not-allowed;opacity:.75}.avatar-picker-preview img{object-fit:cover;width:100%;height:100%}.avatar-picker-overlay{color:#fff;opacity:0;background:#14020473;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.avatar-picker-preview:hover .avatar-picker-overlay{opacity:1}.avatar-picker-body{gap:5px;min-width:0;display:grid}.avatar-picker-body strong{color:var(--mx-text-primary);font-size:14px;font-weight:900}.avatar-picker-body>span{color:var(--mx-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.avatar-picker-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.secondary-button{border:1px solid var(--mx-surface-border);background:var(--mx-surface-card);min-height:34px;color:var(--mx-brand-700);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;font-size:12.5px;font-weight:800;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.secondary-button:hover:not(:disabled){border-color:var(--mx-brand-300);background:var(--mx-brand-50)}.secondary-button.danger{color:var(--mx-danger-soft-fg)}.secondary-button.danger:hover:not(:disabled){background:var(--mx-danger-soft-bg);border-color:#fecaca}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.select-option{align-items:center;gap:9px;font-size:13.5px;font-weight:700;display:flex}.select-option svg{color:currentColor;opacity:.75;flex:none}.action-row{flex-wrap:wrap;gap:10px;display:flex}.action-row .primary{min-width:138px}.form-actions{justify-content:flex-end;display:flex}.form-actions .primary{min-width:154px}.primary.danger{background:var(--mx-danger-solid)}.status-on,.status-off{border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:4px 10px;font-size:11.5px;font-style:normal;font-weight:900;display:inline-flex}.status-on:before,.status-off:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.status-on{color:var(--mx-success-soft-fg);background:var(--mx-success-soft-bg)}.status-off{color:var(--mx-warning-soft-fg);background:var(--mx-warning-soft-bg)}.two-factor-setup{border:1px dashed var(--mx-brand-200);background:var(--mx-brand-50);border-radius:12px;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.two-factor-qr{border:1px solid var(--mx-surface-border);background:#fff;border-radius:12px;place-items:center;width:190px;height:190px;display:grid;overflow:hidden}.two-factor-qr img{width:100%;height:100%;display:block}.two-factor-qr span{color:var(--mx-text-muted);font-size:12px;font-weight:800}.two-factor-secret{gap:7px;min-width:0;display:grid}.two-factor-secret span,.two-factor-secret small{color:var(--mx-brand-700);font-size:11.5px;font-weight:800}.two-factor-secret p{color:var(--mx-text-secondary);margin:0;font-size:12.5px;font-weight:650;line-height:1.55}.two-factor-secret strong{overflow-wrap:anywhere;color:var(--mx-text-primary);letter-spacing:.5px;background:#fff;border-radius:8px;padding:8px 10px;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:13px;font-weight:700}.two-factor-secret a{color:var(--mx-brand-700);font-size:12px;font-weight:800;text-decoration:none}@media (width<=980px){.mx-login{overflow-y:auto}.mx-login-grid{grid-template-columns:minmax(0,1fr)}.mx-login-brand{display:none}.account-layout,.profile-page{grid-template-columns:minmax(0,1fr)}.account-tabs{grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}.account-tabs button{justify-content:center}.account-tabs button>svg,.account-summary{display:none}.mx-login-form-panel{align-items:start;min-height:100dvh;padding-top:34px}.mobile-brand{margin-bottom:8px;display:flex}}@media (width<=520px){.mx-login-form-panel,.auth-shell{padding:18px}.mx-login-card,.account-card{border-radius:16px;min-height:auto;padding:24px}.account-page{max-height:none}.account-hero{flex-direction:column;align-items:flex-start}.profile-avatar-card,.profile-info-card{padding:18px}.profile-actions{grid-template-columns:minmax(0,1fr)}.profile-modal-backdrop{padding:12px}.profile-modal{max-height:calc(100dvh - 24px)}.profile-modal-status{flex-direction:column;align-items:flex-start}.account-logout{justify-content:center;width:100%}.form-heading h2{font-size:24px}.account-tabs,.location-grid,.location-grid.two,.readonly-profile-grid,.two-factor-setup{grid-template-columns:minmax(0,1fr)}.two-factor-qr{justify-self:center}.avatar-picker{grid-template-columns:minmax(0,1fr);justify-items:center}.avatar-picker-body{width:100%}}