: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:#1f2328;--mx-text-secondary:#5b646f;--mx-text-muted:#87909c;--mx-text-on-brand:#fff;--mx-surface-page:#f4f6f8;--mx-surface-card:#fff;--mx-surface-muted:#f1f4f7;--mx-surface-border:#dfe5eb;--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, #e34a4a 0%, var(--mx-brand-600) 52%, #8f1719 100%);--mx-gradient-auth:linear-gradient(135deg, #161b22 0%, #252b33 48%, #341719 100%);--mx-shadow-brand:0 10px 22px -12px #c8161d6b, inset 0 1px 0 #ffffff2e;--mx-shadow-brand-lg:0 30px 70px -30px #0000008c, 0 12px 28px -18px #00000047;--mx-shadow-card:0 28px 70px -38px #070c1294, 0 8px 24px -18px #070c124d;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;background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), linear-gradient(116deg, transparent 0 16%, #ffffff0b 16% 16.4%, transparent 16.4% 43%, #c8161d3d 43% 43.5%, transparent 43.5%), linear-gradient(24deg, transparent 0 58%, #ffffff09 58% 58.35%, transparent 58.35%), radial-gradient(circle at 78% 18%, #c8161d38, transparent 32%), var(--mx-gradient-auth);background-size:52px 52px,52px 52px,auto,auto,auto,auto;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.mx-login:before,.mx-login:after{content:"";pointer-events:none;z-index:0;position:absolute}.mx-login:before{background:repeating-linear-gradient(90deg,#0000 0 92px,#ffffff09 92px 93px),linear-gradient(#ffffff14,#0000 22%);inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000bf 54%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000000bf 54%,#0000 100%)}.mx-login:after{background:linear-gradient(90deg,#f53535f2,#ffffff6b,#0000);height:1px;bottom:64px;left:44px;right:42%;transform:skewY(-8deg);box-shadow:140px -116px #ffffff29,320px -42px #f535356b,520px -190px #ffffff1f}.mx-login-orbs{display:none}.mx-orb{border-radius:50%;position:absolute}.mx-orb-1{filter:blur(34px);background:#f5353538;width:440px;height:440px;top:-130px;right:-90px}.mx-orb-2{filter:blur(44px);background:#f535351f;width:540px;height:540px;bottom:-180px;left:-140px}.mx-orb-3{display:none}.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(0,.95fr);gap:0;min-height:100dvh;padding:0;display:grid;position:relative}.mx-login-brand{color:#fff;min-height:100dvh;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:space-between;gap:34px;padding:54px 56px 48px;display:flex;position:relative;overflow:hidden}.mx-login-brand:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0a,#0000 58%),linear-gradient(90deg,#0000 64%,#070c1252 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000c7 70%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000000c7 70%,#0000 100%)}.mx-login-brand>*{z-index:1;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:#ffffffad}.mobile-brand span{color:var(--mx-text-muted)}.logo-tile{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;flex:none;place-items:center;width:56px;height:56px;padding:8px;display:grid;box-shadow:0 14px 30px -20px #00000080}.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:28px}.eyebrow{color:var(--mx-brand-600);letter-spacing:0;margin:0;font-size:11.5px;font-weight:900}.eyebrow.light{color:#ffffffb3;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{color:#0000;background:linear-gradient(118deg,#fff 28%,#ffe1e2 74%,#ffbfc2 100%);-webkit-background-clip:text;background-clip:text;max-width:560px;margin:12px 0 16px;font-size:36px;font-weight:800;line-height:1.28}.brand-copy p:last-child{color:#ffffffc2;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:#fff1;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}.feature-icon{background:#c8161d57;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.feature-row strong{font-size:13.5px;display:block}.feature-row span{color:#ffffffb3;margin-top:3px;font-size:11.5px;line-height:1.45;display:block}.mx-login-form-panel,.auth-shell{z-index:1;place-items:center;padding:48px 72px;display:grid;position:relative}.mx-login-form-panel{background:linear-gradient(90deg,#070c1200,#070c1252 30%,#070c127a 100%);min-height:100dvh;overflow-y:auto}.mx-login-card{width:min(100%,440px);box-shadow:var(--mx-shadow-brand-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #ffffff80;border-radius:20px;gap:18px;padding:40px 36px;display:grid;position:relative;overflow:hidden}.mx-login-card:before{content:"";background:linear-gradient(180deg, var(--mx-brand-600), var(--mx-brand-800));width:5px;position:absolute;top:0;bottom:0;left:0}.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 3px #c8161d1a}.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}input::placeholder{color:#5b646f7a}.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 3px #c8161d1a}.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{min-height:42px;color:var(--mx-text-on-brand);cursor:pointer;box-shadow:var(--mx-shadow-brand);background:#b91c22;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);filter:brightness(1.03);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);place-items:center;min-height:100dvh;padding:20px}.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{background:0 0;align-items:start;width:100%;min-height:auto;padding:0}.mobile-brand{margin-bottom:8px;display:flex}}@media (width<=520px){.mx-login-grid{padding:14px}.mx-login-form-panel,.auth-shell{padding:0}.mx-login-card,.account-card{border-radius:16px;min-height:auto;padding:22px}.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%}}