:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#142b3b;background:#f3f7fa;font-family:Inter,Segoe UI,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}:root{--navy:#102f43;--navy-dark:#0b2434;--teal:#087f8e;--teal-light:#18b2bd;--ink:#132c3d;--muted:#697d8d;--line:#dbe5ec;--surface:#fff;--bg:#f2f7fa}.login-layout{background:#fff;grid-template-columns:minmax(430px,51%) 1fr;min-height:100vh;display:grid}.login-showcase{isolation:isolate;color:#fff;background:linear-gradient(150deg,#0b2639 2%,#114660 61%,#126b78 100%);flex-direction:column;justify-content:space-between;min-height:680px;padding:47px clamp(36px,5vw,86px) 39px;display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";z-index:-1;opacity:.42;background-image:linear-gradient(#c9f5f912 1px,#0000 1px),linear-gradient(90deg,#c9f5f912 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(130deg,#0000 5%,#000 100%);mask-image:linear-gradient(130deg,#0000 5%,#000 100%)}.login-showcase:after{content:"";z-index:-1;border:1px solid #c1fafc1f;border-radius:50%;width:720px;height:720px;position:absolute;bottom:-210px;right:-170px;box-shadow:0 0 0 86px #b3f8fc06,0 0 0 172px #b3f8fc05}.login-mark,.sidebar-brand-title,.login-mobile-mark{letter-spacing:-.025em;align-items:center;gap:12px;font-size:21px;font-weight:750;display:flex}.mark-icon{color:#fff;background:linear-gradient(150deg,#2bafce,#087c93);border-radius:12px;flex:none;justify-content:center;align-items:center;width:41px;height:41px;display:inline-flex;box-shadow:0 8px 23px #00385538}.showcase-content{max-width:560px;margin-top:65px}.eyebrow{color:#91e6ea;letter-spacing:.19em;align-items:center;gap:10px;font-size:11px;font-weight:750;display:inline-flex}.eyebrow-line{background:#6ce0ea;width:23px;height:1px}.showcase-content h1{letter-spacing:-.047em;margin:26px 0 22px;font-size:clamp(37px,4.3vw,62px);font-weight:750;line-height:1.12}.showcase-content h1 em{color:#83dfdf;font-style:normal}.showcase-content>p{color:#c6dce7;max-width:465px;font-size:16px;line-height:1.8}.showcase-rule{background:#d5f4f92e;height:1px;margin:33px 0}.showcase-features{gap:18px;display:grid}.showcase-features>div{color:#deecf1;align-items:center;gap:13px;font-size:14px;display:flex}.showcase-feature-icon{color:#7ee6e9;background:#61d7e21f;border:1px solid #a2eef642;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.showcase-footer{letter-spacing:.14em;color:#9fbecb;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.showcase-footer span{background:#8baeba;border-radius:50%;width:3px;height:3px}.showcase-glow{z-index:-1;filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.glow-one{background:#11b2ba2b;width:270px;height:270px;top:50px;right:-100px}.glow-two{background:#1ba3d124;width:230px;height:230px;bottom:100px;left:-140px}.login-main{background:linear-gradient(140deg,#fff,#f7fbfd);justify-content:center;align-items:center;padding:60px clamp(28px,6vw,105px);display:flex}.login-card{width:100%;max-width:445px}.login-mobile-mark{display:none}.secure-label{color:#138094;letter-spacing:.13em;align-items:center;gap:8px;margin-bottom:19px;font-size:10px;font-weight:800;display:inline-flex}.login-card h2{letter-spacing:-.045em;color:var(--ink);margin:0 0 13px;font-size:36px;line-height:1.16}.login-subtitle{color:#738493;margin:0 0 37px;font-size:15px;line-height:1.65}.form-label{color:#344d5d;margin:0 0 9px;font-size:12px;font-weight:700;display:block}.form-input{color:#1d3746;background:#fff;border:1px solid #ccdbe4;border-radius:11px;outline:none;width:100%;height:50px;padding:0 15px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:#9aaab6}.form-input:focus{border-color:#168ca0;box-shadow:0 0 0 3px #168ca01c}.password-row{margin-top:23px}.password-field{position:relative}.password-field input{padding-right:49px}.password-toggle{color:#708796;background:0 0;border:0;border-radius:8px;place-items:center;width:35px;height:34px;display:grid;position:absolute;top:8px;right:9px}.password-toggle:hover{color:var(--navy);background:#f0f6fa}.primary-button{color:#fff;background:linear-gradient(100deg,#124965,#117f90);border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:28px;font-weight:750;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 9px 19px #0b59742b}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 24px #0b597438}.primary-button:disabled{opacity:.62;cursor:wait}.form-error{color:#9b3931;background:#fff0ef;border:1px solid #f2c4bf;border-radius:9px;margin-top:15px;padding:12px 14px;font-size:13px;line-height:1.5}.login-hint{color:#718796;align-items:center;gap:10px;margin-top:29px;font-size:12px;display:flex}.login-hint svg{color:#308e91}.login-foot{color:#9aa9b5;margin-top:66px;font-size:11px}.login-foot span{color:#b5c6cc;padding:0 7px}.workspace{background:linear-gradient(135deg,#f9fcff,#f0f6fa 75%);grid-template-columns:254px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eaf4f9;background:linear-gradient(#102f43,#0c2537 56%,#0a2030);flex-direction:column;height:100vh;padding:27px 16px 16px;display:flex;position:sticky;top:0;box-shadow:6px 0 26px #143f530f}.sidebar-brand{padding:5px 8px 2px}.sidebar-brand-title{gap:9px;font-size:17px}.sidebar-brand .mark-icon{border-radius:10px;width:35px;height:35px}.sidebar-brand p{color:#adc8d9;margin:9px 0 0;padding-left:45px;font-size:11px;line-height:1.5}.sidebar-divider{background:#ddf1f821;height:1px;margin:25px 7px 21px}.sidebar-section-caption{color:#7ca5bb;letter-spacing:.18em;margin-bottom:13px;padding:0 12px;font-size:9px;font-weight:750}.sidebar-nav{gap:6px;display:grid}.nav-item{color:#c4d8e4;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:linear-gradient(90deg,#369fc54a,#2481a51a)}.nav-item.active svg{color:#84e5ef}.nav-indicator{background:#72d9dd;border-radius:50%;width:5px;height:5px;position:absolute;right:10px}.sidebar-bottom{border-top:1px solid #d4eff824;margin-top:auto;padding:20px 8px 5px}.profile-line{align-items:center;gap:11px;display:flex}.avatar{color:#fff;background:linear-gradient(140deg,#297698,#13a1aa);border-radius:12px;flex:none;place-items:center;width:39px;height:39px;font-size:13px;font-weight:800;display:grid}.profile-meta{gap:4px;min-width:0;display:grid}.profile-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-meta span{color:#b4cbd9;font-size:11px}.sidebar-bottom-row{color:#789cae;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;font-weight:750;display:flex}.logout-button{color:#a9cada;background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.logout-button:hover{color:#fff;background:#1d5972}.workspace-main{min-width:0}.workspace-header{background:#ffffffad;border-bottom:1px solid #e2eaf0;justify-content:space-between;align-items:center;gap:15px;padding:33px clamp(24px,4vw,59px) 27px;display:flex}.breadcrumbs{color:#6e94a7;letter-spacing:.15em;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.workspace-header h1{letter-spacing:-.04em;margin:9px 0 6px;font-size:29px}.workspace-header p{color:#8094a0;margin:0;font-size:13px}.workspace-account{color:#2c6779;background:#fff;border:1px solid #d7e6ec;border-radius:30px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{background:#13a27d;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #18b3871f}.workspace-content{max-width:1400px;padding:30px clamp(24px,4vw,59px)}.welcome-strip{color:#fff;background:linear-gradient(115deg,#103f59,#15758a);border-radius:18px;justify-content:space-between;align-items:center;gap:15px;padding:31px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #18587321}.eyebrow.dark{color:#7ee0e5;letter-spacing:.13em}.welcome-strip h2{letter-spacing:-.035em;margin:13px 0 9px;font-size:28px}.welcome-strip p{color:#d2e8ef;max-width:630px;margin:0;font-size:13px;line-height:1.7}.welcome-illustration{color:#c4f8fb;background:#b6edf11f;border:1px solid #c3f2f836;border-radius:23px;flex:none;place-items:center;width:90px;height:90px;display:grid;transform:rotate(-8deg)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.feature-card{background:#fff;border:1px solid #e1eaf0;border-radius:15px;align-items:flex-start;gap:15px;min-height:166px;padding:23px;display:flex;position:relative;box-shadow:0 7px 18px #20445c09}.feature-card h3{margin:4px 0 8px;font-size:14px}.feature-card p{color:#7c91a0;margin:0;font-size:12px;line-height:1.6}.feature-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.feature-icon.teal{color:#199a7a;background:#e6f8f3}.feature-icon.blue{color:#3c84b9;background:#e7f2fc}.feature-icon.slate{color:#608395;background:#eaf2f5}.feature-status{letter-spacing:.09em;color:#178773;font-size:9px;font-weight:800;position:absolute;bottom:16px;right:18px}.feature-status.soon{color:#8da3ad}.account-panel{background:#fff;border:1px solid #e1eaf0;border-radius:15px;justify-content:space-between;gap:25px;margin-top:24px;padding:27px 30px;display:flex}.account-panel-overline{color:#3a9caf;letter-spacing:.15em;font-size:10px;font-weight:800}.account-panel h3{margin:12px 0 7px;font-size:19px}.account-panel p{color:#7e91a0;max-width:320px;margin:0;font-size:12px;line-height:1.7}.account-panel dl{grid-template-columns:repeat(2,minmax(130px,1fr));gap:19px 31px;min-width:370px;margin:0;display:grid}.account-panel dt{color:#9aafbb;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:750}.account-panel dd{color:#244557;overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;font-weight:650}.active-chip{color:#168b78;align-items:center;gap:9px;display:inline-flex}.next-note{color:#668b9c;background:#eff7fa;border:1px dashed #bbd8e2;border-radius:12px;align-items:center;gap:11px;margin-top:20px;padding:17px 20px;font-size:12px;line-height:1.6;display:flex}.next-note svg{color:#397e92;flex:none}.loading-screen,.setup-page{color:#587887;background:linear-gradient(135deg,#eff6fb,#fff);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-ring{border:3px solid #e0edf3;border-top-color:#168da2;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.setup-card{background:#fff;border:1px solid #dce8ef;border-radius:18px;max-width:630px;margin:30px;padding:35px;box-shadow:0 20px 65px #24536814}.setup-badge{color:#168da2;background:#e7f5f8;border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.setup-card h1{margin:18px 0 8px;font-size:25px}.setup-card p{color:#6a8291;line-height:1.7}.setup-card pre{white-space:pre-wrap;word-break:break-all;background:#eef5f8;border:1px solid #d8e7ed;border-radius:10px;padding:16px;font-size:12px}.setup-card>span{color:#8299a5;font-size:12px}@media (width<=1160px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:118px}.account-panel{flex-direction:column}.account-panel dl{min-width:0}}@media (width<=960px){.login-layout{grid-template-columns:1fr}.login-showcase{background:var(--navy);min-height:auto;padding:22px 26px}.showcase-content,.showcase-footer{display:none}.login-main{min-height:calc(100vh - 86px);padding:58px 25px}.workspace{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:17px 9px}.sidebar-brand{justify-content:center;padding:0;display:flex}.sidebar-brand-title strong,.sidebar-brand p,.sidebar-section-caption,.nav-item:not(.active) .nav-indicator,.nav-item{font-size:0}.sidebar-brand-title{gap:0}.sidebar-divider{margin:22px 5px}.sidebar-nav{gap:8px}.nav-item{justify-content:center;padding:14px 8px}.nav-item svg{flex:none}.nav-indicator{display:none}.sidebar-bottom{padding:17px 0 0}.profile-line{justify-content:center}.profile-meta,.sidebar-bottom-row>span{display:none}.sidebar-bottom-row{justify-content:center}.workspace-content{padding:23px}.workspace-header{padding:24px}.welcome-strip{padding:23px}.account-panel{padding:22px}}@media (width<=550px){.login-main{padding:43px 22px}.login-card h2{font-size:31px}.login-foot{margin-top:45px}.workspace{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:11px;display:flex;position:relative}.sidebar-brand,.sidebar-divider,.sidebar-section-caption,.sidebar-bottom{display:none}.sidebar-nav{gap:5px;width:100%;display:flex;overflow:auto}.nav-item{flex:none;width:auto;padding:12px}.workspace-header{padding:22px 17px}.workspace-header h1{font-size:26px}.workspace-account{padding:8px;font-size:10px}.workspace-content{padding:16px}.welcome-strip{padding:23px}.welcome-illustration{display:none}.feature-grid{gap:11px;margin-top:16px}.feature-card{gap:10px;padding:17px}.account-panel{margin-top:16px}.account-panel dl{grid-template-columns:1fr 1fr;gap:18px 10px}.next-note{align-items:flex-start}}.legacy-workspace{background:#f4f8fc;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.preview-warning{color:#17445c;background:#ecf7fa;border-bottom:1px solid #cce0ec;flex:none;align-items:center;gap:12px;min-height:43px;padding:8px 18px;font:12px/1.4 Inter,Segoe UI,Arial,sans-serif;display:flex}.preview-warning strong{white-space:nowrap}.preview-warning span{min-width:0}.preview-warning-marker{background:#1488a0;border-radius:50%;flex:none;width:8px;height:8px}.preview-signout{color:#1d566b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c3d9e4;border-radius:8px;margin-left:auto;padding:6px 13px;font-weight:650}.legacy-frame{background:#fff;border:0;flex:1;width:100%;height:100%}@media (width<=800px){.preview-warning{flex-wrap:wrap;gap:5px;padding:5px 8px}.preview-warning>span:nth-of-type(2){flex-basis:60%}.preview-signout{margin-left:auto}}.reset-password-link{color:#0c8294;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:13px auto 0;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:underline;display:block}.reset-password-link:hover{color:#075c70}