/* Shared account experience. The document direction also determines panel placement. */
.account-page { margin:0; color:#182238; background:#fcfcff; font-family:Rubik,sans-serif; }
.account-shell { display:flex; flex-direction:row-reverse; min-height:100vh; min-height:100dvh; width:100%; }
.account-main { width:46%; display:flex; flex-direction:column; padding:48px clamp(28px,4.6vw,90px) 24px; background:radial-gradient(ellipse at 0 28%,rgba(var(--bs-primary-rgb),.045),transparent 55%),#fdfdff; }
.account-header { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.account-logo { height:48px; max-width:190px; object-fit:contain; }
.account-language { direction:ltr; display:flex; align-items:center; gap:4px; padding:5px; border:1px solid #e2e7ed; border-radius:30px; background:#ffffffc9; box-shadow:0 10px 30px #24394708; }
.account-language button { border:0; background:transparent; color:#596174; border-radius:24px; padding:9px 13px; font-size:11px; font-weight:700; cursor:pointer; }
.account-language button.is-active { background:var(--bs-light-primary); color:var(--bs-primary); }
.account-language > span { color:var(--bs-primary); padding:0 8px; }
.account-content { width:100%; max-width:510px; margin:auto; padding:60px 0 45px; }
.account-eyebrow { color:var(--bs-primary); font-size:12px; font-weight:700; }
.account-intro h1 { font-size:clamp(32px,3.1vw,45px); line-height:1.24; font-weight:800; color:#172034; margin:10px 0 18px; letter-spacing:-1.5px; }
.account-intro p { font-size:14px; line-height:1.95; color:#697084; margin:0 0 30px; }
.account-footer { color:#81899a; font-size:11px; text-align:end; }
.account-main .account-login-shell { background:none !important; min-height:0; display:block !important; }
.account-main .account-login-stage { min-height:0; padding:0 !important; display:block !important; }
.account-main .account-login-card { width:100%; padding:34px !important; background:rgba(255,255,255,.94) !important; border:1px solid #fff; border-radius:10px !important; box-shadow:0 24px 55px rgba(30,74,110,.12) !important; }
.account-login-card form > .text-center.mb-10 { display:none; }
.account-login-card .form-label { color:#4d5568 !important; font-size:13px !important; }
.account-login-card .form-control { min-height:56px; border:1px solid transparent; border-radius:9px; background:rgba(var(--bs-primary-rgb),.085) !important; color:#182238 !important; box-shadow:0 6px 15px #23385a03; }
.account-login-card .form-control:focus { border-color:var(--bs-primary); box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.12); }
.account-login-card .fv-row { margin-bottom:22px !important; }
.account-login-card .form-check { gap:9px; }
.account-login-card .form-check-input { width:20px; height:20px; border:1px solid #d2dce8; }
.account-login-card .btn-primary { min-height:56px; border:0; border-radius:8px; background:linear-gradient(120deg,var(--bs-active-primary),var(--bs-primary)) !important; box-shadow:0 10px 22px rgba(var(--bs-primary-rgb),.25); }
.account-login-card .btn-primary:hover { filter:brightness(1.06); }
.account-login-card .btn-primary:focus-visible,.account-language button:focus-visible { outline:3px solid var(--bs-primary); outline-offset:4px; }
.account-login-card form > .d-flex.flex-wrap { gap:12px; }
.account-login-card form > .d-flex.flex-wrap .btn { width:100%; margin:0 !important; }
.account-login-card .btn-light-primary { border-radius:8px; }
.account-login-card > .mb-10 > svg { max-width:100%; height:100px; }
.account-visual { width:54%; min-height:100vh; min-height:100dvh; display:flex; justify-content:center; align-items:center; overflow:hidden; background:radial-gradient(ellipse at 90% 4%,rgba(var(--bs-primary-rgb),.28),transparent 55%),radial-gradient(ellipse at 0 0%,rgba(var(--bs-primary-rgb),.1),transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(var(--bs-primary-rgb),.16),transparent 65%),#f0f4ff; }
.account-art { position:relative; width:72%; max-width:610px; margin:100px 0; }
.account-dashboard { padding:28px 24px 100px; border:1px solid #fff; border-radius:10px; background:linear-gradient(145deg,#ffffffed,#fafbffdc); box-shadow:0 38px 70px #183d5b30; transform:perspective(1200px) rotateY(-3deg) rotateZ(.5deg); }
.account-dashboard-top { display:flex; align-items:center; gap:10px; margin-bottom:25px; font-size:14px; }
.account-dashboard-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:white; font-weight:800; background:var(--bs-primary); }
.account-dashboard-dots { margin-inline-start:auto; letter-spacing:3px; color:#929bae; }
.account-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.account-module { padding:18px 12px; min-height:215px; border:1px solid #e4e8f3; border-radius:9px; background:#f3f5ff9c; }
.account-module-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(var(--bs-primary-rgb),.1); color:var(--bs-primary); font-size:23px; margin-bottom:15px; }
.account-module strong,.account-module small { display:block; }
.account-module strong { font-size:13px; margin-bottom:5px; }
.account-module small { font-size:9px; color:#8991a5; }
.account-mini-chart { height:65px; display:flex; align-items:end; gap:6px; margin-top:15px; direction:ltr; }
.account-mini-chart i { flex:1; height:42%; border-radius:4px 4px 0 0; background:rgba(var(--bs-primary-rgb),.25); }
.account-mini-chart i:nth-child(2n) { height:65%; }
.account-mini-chart i:nth-child(3n) { height:90%; background:rgba(var(--bs-primary-rgb),.55); }
.account-mini-lines i { display:block; height:13px; margin-top:12px; background:rgba(var(--bs-primary-rgb),.1); border-radius:4px; }
.account-mini-lines i:nth-child(2) { width:75%; }
.account-mini-donut { width:64px; height:64px; border:12px solid rgba(var(--bs-primary-rgb),.12); border-top-color:var(--bs-primary); border-inline-end-color:rgba(var(--bs-primary-rgb),.45); border-radius:50%; margin:18px auto 0; }
.account-ledger { margin-top:22px; padding:18px; border:1px solid #edf0f7; border-radius:9px; }
.account-ledger-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:8px; font-size:12px; }
.account-ledger-heading > span { color:#9199ab; font-size:9px; }
.account-ledger-row { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #eff1f7; }
.account-ledger-row:last-child { border:0; }
.account-ledger-symbol { color:var(--bs-primary); background:var(--bs-light-primary); border-radius:7px; padding:6px 9px; }
.account-ledger-row b { font-size:10px; font-weight:500; }
.account-ledger-row i { display:block; width:68px; height:5px; background:#e9edf5; border-radius:3px; margin-top:6px; }
.account-status { margin-inline-start:auto; padding:5px 9px; border-radius:5px; background:rgba(var(--bs-primary-rgb),.07); color:var(--bs-primary); font-size:9px; }
.account-float { position:absolute; display:flex; align-items:center; gap:12px; padding:16px; border:1px solid white; border-radius:9px; background:#ffffffed; box-shadow:0 18px 40px #23416013; backdrop-filter:blur(14px); }
.account-float strong,.account-float small { display:block; }
.account-float strong { font-size:12px; margin-bottom:4px; }
.account-float small { color:#8b92a6; font-size:10px; }
.account-float-icon { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; border-radius:50%; color:white; background:var(--bs-primary); font-size:25px; }
.account-float-security { top:8px; right:-30px; }
.account-float-sales { top:125px; left:-55px; }
.account-float-connected { bottom:105px; right:-65px; }
.account-float-stock { bottom:16px; left:12px; }
@media(min-width:1600px) { .account-content { padding-top:65px; } }
@media(max-width:1199px) { .account-main { width:50%; padding:32px; } .account-visual { width:50%; } .account-art { width:78%; } .account-dashboard { padding:20px 15px 90px; } .account-modules { gap:7px; } .account-module { padding:12px 8px; } .account-float-connected { right:-25px; } .account-float-sales { left:-25px; } }
@media(max-width:991px) { .account-visual { display:none; } .account-main { width:100%; min-height:100vh; min-height:100dvh; padding:28px max(24px,6vw); } .account-content { padding:45px 0; } .account-intro h1 { font-size:40px; } .account-logo { height:42px; } }
@media(max-width:480px) { .account-main { padding:22px 20px; } .account-login-card { padding:24px !important; } .account-main .account-login-card { padding:24px !important; } .account-intro h1 { font-size:34px; } .account-language button { padding:8px 10px; } .account-logo { max-width:145px; height:36px; } }
.account-translate-icon { width:20px; height:20px; color:var(--bs-primary); margin:0 8px; flex-shrink:0; }
.account-password-field,.account-username-field { position:relative; }
.account-password-field .form-control { padding-inline:46px 48px; }
.account-username-field .form-control { padding-inline-start:46px; }
.account-login-card .account-field-icon { position:absolute; inset-inline-start:17px; top:18px; display:block; width:20px; height:20px; color:#7e879a; pointer-events:none; }
.account-password-toggle { position:absolute; inset-inline-end:8px; top:8px; width:40px; height:40px; display:grid; place-items:center; padding:10px; border:0; border-radius:7px; color:#7e879a; background:transparent; cursor:pointer; }
.account-login-card .account-password-toggle svg { display:block; width:20px; height:20px; }
.account-password-toggle:hover { color:var(--bs-primary); background:rgba(var(--bs-primary-rgb),.07); }
.account-password-toggle:focus-visible { outline:2px solid var(--bs-primary); outline-offset:1px; }
.account-eye-slash { display:none; }
.account-password-toggle.is-visible .account-eye-slash { display:block; }
.account-login-card .account-remember { padding:0; margin-inline:0; gap:10px; }
.account-login-card .account-remember .form-check-input { appearance:none; -webkit-appearance:none; flex-shrink:0; width:20px; height:20px; margin:0 !important; border-radius:6px; border:1px solid #cbd5e1; background:#f0f4fa; cursor:pointer; box-shadow:none; }
.account-login-card .account-remember .form-check-input:checked { border-color:transparent; background-color:var(--bs-primary); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:20px; background-position:center; }
.account-remember .form-check-label { margin:0; cursor:pointer; }
.account-remember .form-check-input:focus-visible { outline:2px solid var(--bs-primary); outline-offset:3px; }
.account-submit-label { display:inline-flex; align-items:center; justify-content:center; gap:10px; font-weight:700; }
.account-login-card .account-submit-arrow { display:block; flex:0 0 20px; width:20px; height:20px; }
html[dir="ltr"] .account-submit-arrow { transform:rotate(180deg); }
.account-login-card .btn-primary { background:linear-gradient(115deg,var(--bs-active-primary),var(--bs-primary)) !important; box-shadow:inset 0 12px 20px #ffffff20,0 10px 22px rgba(var(--bs-primary-rgb),.25); }
.account-login-card .btn-primary .indicator-progress svg { display:none; }