.expense-login *{box-sizing:border-box}html,body{margin:0;padding:0}.expense-login button,.expense-login input{font:inherit}.expense-login{--page-bg:#f8f6fc;--page-bg-2:#f1edf8;--text-primary:#1d1828;--text-secondary:#70697f;--text-muted:#9b94a9;--surface:#ffffffc2;--surface-strong:#ffffffeb;--surface-soft:#ffffff8a;--border:#4a34681a;--border-purple:#8b5cf626;--purple:#8b5cf6;--purple-dark:#6d3ee8;--purple-light:#a879ff;background:radial-gradient(circle at 10% 5%, #8b5cf612, transparent 32%), linear-gradient(145deg, var(--page-bg), var(--page-bg-2));width:100%;min-height:100vh;color:var(--text-primary);font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.expense-login.dark{--page-bg:#050509;--page-bg-2:#090811;--text-primary:#f7f5fb;--text-secondary:#aaa3b7;--text-muted:#746d82;--surface:#110e18c7;--surface-strong:#14111df0;--surface-soft:#120f1ab3;--border:#b08aff1a;--border-purple:#b08aff29;--purple:#a879ff;--purple-dark:#8957ed;--purple-light:#c2a0ff}.expense-login .login-background{pointer-events:none;position:fixed;inset:0;overflow:hidden}.expense-login .login-grid{opacity:.42;background-image:linear-gradient(#8b5cf609 1px,#0000 1px),linear-gradient(90deg,#8b5cf609 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 95%);mask-image:linear-gradient(#000 20%,#0000 95%)}.expense-login .login-orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.expense-login .login-orb-one{background:#8b5cf626;width:520px;height:520px;top:-270px;left:-190px}.expense-login .login-orb-two{background:#a879ff1f;width:500px;height:500px;bottom:-260px;right:-240px}.expense-login .login-orb-three{background:#8b5cf60b;width:320px;height:320px;top:42%;left:48%}.expense-login.dark .login-orb-one{background:#8b5cf633}.expense-login.dark .login-orb-two{background:#a879ff29}.expense-login .login-header{z-index:10;width:100%;position:relative}.expense-login .login-header-inner{justify-content:space-between;align-items:center;width:min(1380px,100% - 64px);min-height:88px;margin:0 auto;display:flex}.expense-login .login-brand{align-items:center;gap:11px;display:flex}.expense-login .login-brand-mark{width:164px;height:68px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:flex-start;align-items:center;padding:0;display:flex}.expense-login .login-company-logo{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.expense-login .login-brand-copy{gap:2px;display:grid}.expense-login .login-brand-copy strong{color:var(--text-primary);letter-spacing:-.035em;font-size:16px;font-weight:800}.expense-login .login-brand-copy span{color:var(--text-muted);font-size:10px;font-weight:550}.expense-login .theme-toggle{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);cursor:pointer;border-radius:12px;gap:2px;padding:4px;display:flex;box-shadow:0 8px 25px #442a630a}.expense-login .theme-toggle span{width:32px;height:30px;color:var(--text-muted);border-radius:9px;place-items:center;transition:background .16s,color .16s,transform .16s;display:grid}.expense-login .theme-toggle span.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d3ee8);box-shadow:0 6px 15px #7c3aed38}.expense-login .login-shell{z-index:2;grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);align-items:center;gap:58px;width:min(1240px,100% - 64px);min-height:calc(100vh - 110px);margin:0 auto;padding:46px 0 105px;display:grid;position:relative}.expense-login .login-eyebrow{border:1px solid var(--border-purple);width:fit-content;color:var(--purple);letter-spacing:.07em;background:#8b5cf611;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.expense-login .login-intro h1{max-width:660px;color:var(--text-primary);letter-spacing:-.07em;margin:20px 0 19px;font-size:clamp(42px,4.2vw,56px);font-weight:800;line-height:.96}.expense-login .login-intro h1 span{background:linear-gradient(135deg,#7240d2,#ae7dff);color:#0000;-webkit-background-clip:text;background-clip:text}.expense-login.dark .login-intro h1 span{background:linear-gradient(135deg,#a879ff,#d8c4ff);-webkit-background-clip:text;background-clip:text}.expense-login .login-intro-description{max-width:600px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.8}.expense-login .login-feature-list{gap:12px;width:min(100%,530px);margin-top:33px;display:grid}.expense-login .login-feature{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#ffffff42;border-radius:16px;align-items:flex-start;gap:13px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.expense-login.dark .login-feature{background:#ffffff05}.expense-login .login-feature:hover{background:#8b5cf60a;border-color:#8b5cf62e;transform:translate(4px)}.expense-login .login-feature-icon{width:42px;height:42px;color:var(--purple);background:#8b5cf61a;border-radius:12px;flex:none;place-items:center;display:grid}.expense-login .login-feature>div:last-child{gap:4px;display:grid}.expense-login .login-feature strong{color:var(--text-primary);font-size:12px;font-weight:750}.expense-login .login-feature span{max-width:405px;color:var(--text-muted);font-size:10px;line-height:1.55}.expense-login .login-role-note{align-items:center;gap:10px;margin-top:23px;display:flex}.expense-login .login-role-dots{align-items:center;display:flex}.expense-login .login-role-dots span{border:2px solid var(--page-bg);background:linear-gradient(135deg,#8b5cf6,#b78cff);border-radius:50%;width:23px;height:23px;margin-left:-5px}.expense-login .login-role-dots span:first-child{margin-left:0}.expense-login .login-role-dots span:nth-child(2){opacity:.8}.expense-login .login-role-dots span:nth-child(3){opacity:.58}.expense-login .login-role-note p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.45}.expense-login .login-role-note>svg{color:var(--purple);flex:none}.expense-login .login-card-wrapper{justify-self:center;width:100%;max-width:420px}.expense-login .login-card{border:1px solid var(--border-purple);background:var(--surface);-webkit-backdrop-filter:blur(30px);border-radius:24px;padding:30px 30px 28px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 32px 90px #3f24601c}.expense-login .login-card:hover{transform:translateY(-2px);box-shadow:0 38px 100px #3f246024}.expense-login.dark .login-card{background:linear-gradient(145deg,#120f1aeb,#0a090fe0);box-shadow:0 32px 100px #0000005c}.expense-login .login-card-glow{filter:blur(70px);pointer-events:none;background:#8b5cf62e;border-radius:50%;width:300px;height:300px;position:absolute;top:-210px;right:-105px}.expense-login .login-card-heading{align-items:center;gap:13px;display:flex;position:relative}.expense-login .login-card-icon{width:50px;height:50px;color:var(--purple);background:linear-gradient(135deg,#8b5cf629,#a879ff0f);border-radius:15px;flex:none;place-items:center;display:grid}.expense-login .login-card-heading>div:last-child{gap:2px;display:grid}.expense-login .login-card-heading span{color:var(--purple);letter-spacing:.075em;font-size:10px;font-weight:800}.expense-login .login-card-heading h2{color:var(--text-primary);letter-spacing:-.045em;margin:0;font-size:30px;font-weight:800;line-height:1}.expense-login .login-card-description{color:var(--text-secondary);margin:21px 0 0;font-size:12px;line-height:1.65;position:relative}.expense-login .login-error{color:var(--text-primary);background:#8b5cf613;border:1px solid #8b5cf62e;border-radius:12px;margin-top:19px;padding:12px 13px;font-size:11px;line-height:1.5;position:relative}.expense-login .login-fields{gap:20px;margin-top:24px;display:grid;position:relative}.expense-login .login-field{gap:9px;display:grid}.expense-login .login-field>span{color:var(--text-secondary);font-size:12px;font-weight:700}.expense-login .login-input{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;align-items:center;gap:11px;min-height:58px;padding:0 15px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.expense-login .login-input:focus-within{background:var(--surface-strong);border-color:#8b5cf666;box-shadow:0 0 0 4px #8b5cf613}.expense-login .login-input>svg{color:var(--purple);flex:none}.expense-login .login-input input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:14px;font-weight:600}.expense-login .login-input input::placeholder{color:var(--text-muted);font-weight:500}.expense-login .password-toggle{width:35px;height:35px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;transition:color .16s,background .16s;display:grid}.expense-login .password-toggle:hover{color:var(--purple);background:#8b5cf614}.expense-login .login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d3ee8);border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:55px;margin-top:24px;font-size:13px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 15px 34px #7c3aed45}.expense-login .login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 43px #7c3aed59}.expense-login .login-submit:active:not(:disabled){transform:translateY(0)}.expense-login .login-submit:disabled{opacity:.65;cursor:not-allowed}.expense-login .login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.expense-login .login-security{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:19px;font-size:9px;font-weight:600;display:flex}.expense-login .login-security svg{color:var(--purple)}@media (max-width:1050px){.expense-login .login-shell{grid-template-columns:minmax(0,1fr) minmax(370px,.8fr);gap:55px}.expense-login .login-intro h1{font-size:48px}}@media (max-width:900px){.expense-login .login-shell{grid-template-columns:1fr;gap:55px;padding-top:45px}.expense-login .login-card-wrapper{justify-self:start;max-width:560px}.expense-login .login-intro{max-width:760px}}@media (max-width:700px){.expense-login .login-header-inner,.expense-login .login-shell{width:calc(100% - 30px)}.expense-login .login-header-inner{min-height:76px}.expense-login .login-shell{gap:40px;padding:34px 0 70px}.expense-login .login-intro h1{font-size:39px}.expense-login .login-intro-description{font-size:14px}.expense-login .login-card-wrapper{max-width:none}.expense-login .login-card{border-radius:23px;padding:29px 22px 25px}}@media (max-width:480px){.expense-login .login-intro h1{font-size:34px}.expense-login .login-brand-copy span{display:none}.expense-login .login-feature{padding:12px}.expense-login .login-role-note{align-items:flex-start}}@media (max-width:1050px){.expense-login .login-header-inner,.expense-login .login-shell{width:min(100% - 44px,920px)}.expense-login .login-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:46px}}@media (max-width:900px){.expense-login{min-width:0;overflow:hidden auto}.expense-login .login-header-inner,.expense-login .login-shell{width:min(100% - 30px,760px)}.expense-login .login-header-inner{min-height:78px}.expense-login .login-shell{grid-template-columns:minmax(0,1fr);align-items:start;gap:34px;min-height:auto;padding:30px 0 66px}.expense-login .login-intro,.expense-login .login-card-wrapper{width:100%;max-width:none}.expense-login .login-card-wrapper{justify-self:stretch}.expense-login .login-intro h1{max-width:620px;font-size:clamp(36px,7vw,46px)}.expense-login .login-intro-description{max-width:650px}.expense-login .login-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:650px}.expense-login .login-feature{min-width:0}.expense-login .login-card{width:100%;max-width:560px}}@media (max-width:700px){.expense-login .login-header-inner,.expense-login .login-shell{width:calc(100% - 24px)}.expense-login .login-header-inner{min-height:72px}.expense-login .login-brand{gap:8px}.expense-login .login-brand-mark{width:82px;height:36px}.expense-login .login-brand-copy strong{font-size:14px}.expense-login .login-brand-copy span{font-size:8px}.expense-login .login-shell{gap:28px;padding:24px 0 54px}.expense-login .login-eyebrow{padding:6px 9px;font-size:8px}.expense-login .login-intro h1{letter-spacing:-.055em;margin:15px 0 14px;font-size:clamp(33px,9vw,40px)}.expense-login .login-intro-description{font-size:13px;line-height:1.7}.expense-login .login-feature-list{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:24px}.expense-login .login-feature{padding:12px}.expense-login .login-role-note{margin-top:17px}.expense-login .login-card{border-radius:21px;max-width:none;padding:27px 20px 24px}.expense-login .login-card-heading h2{font-size:27px}.expense-login .login-input{min-height:54px}}@media (max-width:480px){.expense-login .login-header-inner,.expense-login .login-shell{width:calc(100% - 20px)}.expense-login .login-header-inner{min-height:66px}.expense-login .login-brand-mark{width:72px;height:32px}.expense-login .login-brand-copy span{display:none}.expense-login .theme-toggle{padding:3px}.expense-login .theme-toggle span{width:29px;height:28px}.expense-login .login-shell{padding-top:20px}.expense-login .login-intro h1{font-size:clamp(31px,10vw,36px)}.expense-login .login-card{border-radius:18px;padding:23px 16px 21px}.expense-login .login-card-heading{gap:10px}.expense-login .login-card-icon{border-radius:13px;width:44px;height:44px}.expense-login .login-card-heading h2{font-size:25px}.expense-login .login-fields{gap:16px;margin-top:23px}.expense-login .login-input{border-radius:13px;min-height:52px;padding:0 12px}.expense-login .login-submit{border-radius:13px;min-height:52px;margin-top:23px}}.expense-login .login-header-inner{min-height:104px}.expense-login .login-brand{gap:16px}.expense-login .login-brand-copy strong{font-size:17px}.expense-login .login-brand-copy span{font-size:9px}.expense-login .login-shell{min-height:calc(100vh - 132px);padding:34px 0 88px}.expense-login .login-intro{max-width:620px}.expense-login .login-intro-description{max-width:520px;font-size:14px;line-height:1.7}.expense-login .login-card-heading{gap:12px}.expense-login .login-card-heading h2{font-size:28px}.expense-login .login-card{min-height:auto}@media (max-width:1050px){.expense-login .login-brand-mark{width:146px;height:60px}.expense-login .login-shell{gap:38px}}@media (max-width:900px){.expense-login .login-header-inner{min-height:92px}.expense-login .login-shell{gap:28px;padding-top:22px}.expense-login .login-card-wrapper{justify-self:stretch}.expense-login .login-card{max-width:520px}}@media (max-width:700px){.expense-login .login-brand-mark{width:126px;height:52px}.expense-login .login-brand{gap:10px}.expense-login .login-brand-copy strong{font-size:14px}.expense-login .login-brand-copy span{font-size:8px}.expense-login .login-shell{padding-top:16px}}@media (max-width:480px){.expense-login .login-brand-mark{width:112px;height:46px}.expense-login .login-brand-copy span{display:none}.expense-login .login-card{padding:22px 16px 20px}}.expense-login .login-workspace-preview{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff75,#ffffff2e);border-radius:18px;width:min(100%,520px);margin-top:32px;padding:18px 19px 16px;box-shadow:0 18px 44px #472e690d}.expense-login.dark .login-workspace-preview{background:linear-gradient(145deg,#ffffff09,#ffffff03);box-shadow:0 18px 50px #0000002e}.expense-login .login-preview-top{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.expense-login .login-preview-top>div:first-child{gap:3px;display:grid}.expense-login .login-preview-top span{color:var(--purple);letter-spacing:.08em;font-size:8px;font-weight:850}.expense-login .login-preview-top strong{color:var(--text-primary);letter-spacing:-.045em;margin-top:2px;font-size:24px;line-height:1}.expense-login .login-preview-top small{color:var(--text-muted);font-size:8px;font-weight:600}.expense-login .login-preview-bars{justify-content:flex-end;align-items:flex-end;gap:7px;width:150px;height:62px;display:flex}.expense-login .login-preview-bars i{width:13px;height:var(--bar-height);background:linear-gradient(180deg, var(--purple-light), var(--purple-dark));opacity:.78;border-radius:999px 999px 4px 4px;min-height:8px}.expense-login .login-preview-bars i:last-child{opacity:1}.expense-login .login-preview-divider{background:var(--border);height:1px;margin:16px 0 8px}.expense-login .login-preview-rows{display:grid}.expense-login .login-preview-rows>div{border-top:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;min-height:34px;display:flex}.expense-login .login-preview-rows span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.expense-login .login-preview-rows strong{color:var(--text-primary);flex:none;font-size:9px;font-weight:800}@media (max-width:900px){.expense-login .login-workspace-preview{width:min(100%,620px);margin-top:24px}}@media (max-width:700px){.expense-login .login-workspace-preview{margin-top:20px;padding:16px}.expense-login .login-preview-bars{gap:6px;width:128px}.expense-login .login-preview-bars i{width:11px}}@media (max-width:480px){.expense-login .login-workspace-preview{border-radius:15px;margin-top:18px;padding:15px 14px 13px}.expense-login .login-preview-top{align-items:center}.expense-login .login-preview-top strong{font-size:21px}.expense-login .login-preview-bars{gap:5px;width:105px;height:52px}.expense-login .login-preview-bars i{width:9px}.expense-login .login-preview-rows>div{min-height:31px}}