@font-face{font-family:Onest;src:url('/portal/onest-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url('/portal/onest-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--flow-base:#04050c;--flow-heading:#eef0f6;--flow-muted:#b9becf;--flow-glass:rgb(255 255 255/.065);--flow-border:rgb(255 255 255/.16)}
*{box-sizing:border-box}body[data-access-page=client]{margin:0;display:flex;flex-direction:column;min-height:100svh;background:var(--flow-base);color:var(--flow-heading);font-family:Onest,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.flow-backdrop{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 28% 68%,#25225490,transparent 48%),radial-gradient(ellipse at 80% 45%,#073f5060,transparent 48%),#04050c}.flow-backdrop canvas{display:block;width:100%;height:100%;opacity:.88}.flow-scrim{position:absolute;inset:0;background:radial-gradient(115% 95% at 50% 46%,rgb(4 5 12/.68) 0%,rgb(4 5 12/.68) 24%,rgb(4 5 12/.46) 52%,rgb(4 5 12/.12) 100%)}
.flow-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;gap:20px}.flow-brand{display:flex;align-items:center;font-size:23px;font-weight:500;letter-spacing:-.8px;color:white;text-decoration:none;gap:8px}.flow-brand svg{width:29px;height:29px}.brand-period{color:#b5b8ff;margin-left:-8px}.flow-nav{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;color:var(--flow-muted);padding:12px 25px;border:1px solid var(--flow-border);border-radius:100px;background:var(--flow-glass);backdrop-filter:blur(12px)}.flow-home{display:flex;align-items:center;gap:20px;color:#2f2f33;background:#fff;padding:12px 19px;border-radius:99px;text-decoration:none;font-size:13px;font-weight:500}.flow-home:hover{background:#e6e7f6}
.flow-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1100px;margin:auto;padding:44px 24px 48px;text-align:center}.flow-badge{display:inline-flex;gap:9px;align-items:center;padding:8px 13px;border:1px solid var(--flow-border);border-radius:99px;background:var(--flow-glass);backdrop-filter:blur(12px);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--flow-muted)}.flow-badge span{width:5px;height:5px;background:#c5c3ff;border-radius:50%;box-shadow:0 0 12px #a6a3ff}.flow-main h1{margin:24px 0 18px;font-size:clamp(40px,4.8vw,70px);line-height:1.07;letter-spacing:-.045em;font-weight:500;color:var(--flow-heading)}.flow-description{font-size:15px;line-height:1.65;color:var(--flow-muted);margin:0}
#account-view{width:100%;max-width:430px;text-align:left;margin-top:24px}#account-view .card{background:rgb(255 255 255/.055);border:1px solid var(--flow-border);border-radius:24px;padding:25px 28px;box-shadow:0 16px 60px #0002;backdrop-filter:blur(18px);margin:0 0 20px}.login-mode #account-view .card-title{font-size:15px;font-weight:500;margin-bottom:20px;letter-spacing:0}.ledger-form{display:flex;flex-direction:column;gap:16px}.ledger-form label{display:flex;flex-direction:column;gap:8px;color:var(--flow-muted);font-size:12px;font-weight:400}.ledger-form input,.ledger-form textarea,.ledger-form select{width:100%;min-width:0;background:rgb(4 5 12/.36);border:1px solid rgb(255 255 255/.14);border-radius:12px;padding:12px 14px;color:var(--flow-heading);font:inherit;font-size:14px;outline:none;min-height:46px}.ledger-form input:focus,.ledger-form textarea:focus,.ledger-form select:focus{border-color:#b4afff;box-shadow:0 0 0 3px #aca4ff18}.ledger-form input::placeholder{color:#858b9d}.ledger-form select option{background:#10111d;color:#eef0f6}.ledger-form .btn,.btn{border:1px solid var(--flow-border);border-radius:99px;font:inherit;font-size:13px;padding:12px 20px;cursor:pointer;color:var(--flow-heading);background:var(--flow-glass)}.ledger-form .btn-primary{height:46px;background:white;color:#2f2f33;border-color:transparent;font-weight:500;margin-top:4px}.ledger-form .btn-primary:hover{background:#e5e2ff}.btn:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible{outline:2px solid #b9b1ff;outline-offset:5px}.flow-invite{font-size:11px;line-height:1.6;color:#949bae;max-width:340px;margin:0 auto}.flow-main #notice{white-space:pre-wrap;color:#e0d1ff;font-size:13px;line-height:1.5;width:100%;max-width:430px;margin:0}.flow-main #notice:not(:empty){padding:14px 17px;border:1px solid #bda5ff40;background:#1312269c;border-radius:12px;margin-top:18px}.flow-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 42px;font-size:10px;color:#a2a8bc}.flow-lock{display:flex;gap:6px;align-items:center}.flow-lock svg{width:13px;height:13px}
.reveal-word{display:inline-block;opacity:0;transform:translateY(26px);transition:opacity 720ms cubic-bezier(.215,.61,.355,1),transform 720ms cubic-bezier(.215,.61,.355,1);transition-delay:var(--delay)}.flow-ready .reveal-word{opacity:1;transform:none}.flow-header,.flow-badge,.login-mode #account-view,.flow-invite,.flow-footer{animation:flow-entry .8s cubic-bezier(.2,0,0,1) both}.flow-header{animation-delay:.15s}.flow-badge{animation-delay:.32s}.login-mode #account-view{animation-delay:1.45s}.flow-invite{animation-delay:1.6s}.flow-footer{animation-delay:1.65s}@keyframes flow-entry{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
body.workspace-mode .flow-main{display:block;padding-top:40px}body.workspace-mode .login-intro,body.workspace-mode .flow-invite{display:none}body.workspace-mode #account-view{max-width:none}body.workspace-mode .flow-backdrop canvas{opacity:.24}body.workspace-mode .card-title{font-size:20px}body.workspace-mode .ledger-help{color:#b9becf;font-size:13px;line-height:1.7}body.workspace-mode .sales-message{background:#ffffff08;border-color:#ffffff20;color:var(--flow-heading)}body.workspace-mode .chart-grid{gap:20px}body.workspace-mode .ledger-confirm{display:flex;flex-direction:row}body.workspace-mode .ledger-confirm input{width:18px;min-height:18px}
@media(max-width:760px){.flow-nav,.flow-footer>span:nth-child(2){display:none}.flow-header{padding:22px}.flow-brand{font-size:20px}.flow-home{padding:10px 14px;font-size:11px;gap:8px}.flow-main{padding:34px 22px}.flow-main h1{font-size:clamp(36px,7.5vw,54px)}.flow-description{font-size:13px}.flow-footer{padding:22px;font-size:9px}#account-view .card{padding:23px}#account-view{margin-top:22px}}
@media(max-height:740px) and (min-width:761px){.flow-main{padding-top:15px;padding-bottom:22px}.flow-main h1{font-size:48px;margin-top:17px;margin-bottom:12px}.flow-description{font-size:13px}#account-view .card{padding:20px 25px}.ledger-form{gap:12px}.flow-header{padding-top:20px;padding-bottom:20px}}
body[data-access-page=client]{--text-primary:#eef0f6;--text-secondary:#b9becf;--chart-track:#ffffff0d;--chart-muted:#8590a6;color-scheme:dark}.flow-main .card-title{color:var(--flow-heading);line-height:1.4}.flow-main .ledger-form{padding:0;border:0}.flow-main .ledger-form label{line-height:1.4}.flow-header{line-height:1.3}.flow-main .flow-invite{line-height:1.6}.flow-description{font-weight:400}
@media(max-height:740px) and (min-width:761px){.flow-header{padding:18px 42px}.flow-main{padding:12px 24px 16px}.flow-main h1{font-size:44px;margin:16px 0 12px}.flow-main .flow-badge{margin:0}.flow-main .card{padding:18px 22px!important;margin-bottom:14px!important}.flow-main .card-title{margin-bottom:14px!important}.flow-main .ledger-form input{min-height:42px;padding:10px 13px}.flow-main .ledger-form .btn-primary{height:42px}.flow-footer{padding:16px 42px}}
@media(prefers-reduced-motion:reduce){.reveal-word{opacity:1;transform:none;transition:none}.flow-header,.flow-badge,.login-mode #account-view,.flow-invite,.flow-footer{animation:none}}
body.workspace-mode .flow-main h1.workspace-heading{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 28px;text-align:left}