:root{--page:#f6f7f3;--white:#fff;--green:#426451;--deep:#2c4939;--ink:#25372d;--muted:#5e6b62;--border:#dde4dc;--input-border:#7d8f7c;--sage:#e8eee7;--cream:#f5efdd;--error:#a83232;--error-bg:#fff2ef;color-scheme:light;font-family:Sarabun,system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}[hidden]{display:none!important}::selection{background:#cfddc9;color:var(--deep)}input{caret-color:var(--green)}:focus-visible{outline:3px solid var(--green);outline-offset:4px}input:focus-visible{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--sage)}.skip-link{position:fixed;left:24px;top:12px;z-index:10;padding:12px 18px;background:var(--deep);color:#fff;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.page-shell{max-width:1440px;margin:0 auto;padding:0 24px 24px}.page-header{height:104px;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 16px 0}.brand{display:flex;gap:14px;text-decoration:none;align-items:flex-start;min-height:44px}.brand-icon{width:44px;height:44px;flex:0 0 44px;background:var(--green);color:var(--white);border-radius:13px;display:grid;place-items:center}.brand-copy strong{display:block;font-family:Mali,cursive;font-size:22px;line-height:33px;font-weight:700;margin-top:-3px}.brand-copy>span{display:block;color:var(--muted);font-size:12px;line-height:18px}.back-link{display:flex;align-items:center;gap:13px;min-height:44px;font-size:14px;font-weight:500;text-decoration:none;margin-top:-5px;padding:0 24px 0 12px;border-radius:8px}.back-link:hover{background:var(--sage);color:var(--deep)}.back-link .icon{width:14px;height:14px}
.icon{display:inline-block;width:18px;height:18px;background-color:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;flex-shrink:0}.icon-seedling{mask-image:url('icons/seedling.svg');-webkit-mask-image:url('icons/seedling.svg')}.icon-arrow-left{mask-image:url('icons/arrow-left.svg');-webkit-mask-image:url('icons/arrow-left.svg')}.icon-eye{mask-image:url('icons/eye.svg');-webkit-mask-image:url('icons/eye.svg')}.icon-eye-slash{mask-image:url('icons/eye-slash.svg');-webkit-mask-image:url('icons/eye-slash.svg')}.icon-circle-info{mask-image:url('icons/circle-info.svg');-webkit-mask-image:url('icons/circle-info.svg')}.icon-circle-exclamation{mask-image:url('icons/circle-exclamation.svg');-webkit-mask-image:url('icons/circle-exclamation.svg')}.icon-lock{mask-image:url('icons/lock.svg');-webkit-mask-image:url('icons/lock.svg')}.brand-icon .icon{width:22px;height:22px}
.workspace{display:grid;grid-template-columns:minmax(0,616fr) minmax(0,776fr);min-height:calc(100dvh - 128px)}.brand-panel{border-radius:24px;background:var(--deep);color:#fff;min-height:832px;padding:48px 52px 40px;display:flex;flex-direction:column;overflow:hidden}.brand-panel-intro h2{font-family:Mali,cursive;font-size:43px;line-height:1.5;font-weight:600;margin:0 0 22px -4px;letter-spacing:0}.brand-panel-intro>p{color:#d5e2d4;font-size:18px;line-height:27px;margin:0}.ledger{width:100%;max-width:484px;height:338px;position:relative;margin:56px 0 0 12px;flex-shrink:0}.ledger-back{position:absolute;left:36px;top:28px;width:calc(100% - 58px);height:310px;background:#abc0a7;border-radius:16px}.ledger-paper{position:absolute;left:0;top:0;width:calc(100% - 58px);height:310px;background:#f9f7ee;border-radius:16px;border-left:9px solid #c7af6e;padding:28px 32px 0 23px;color:var(--deep)}.ledger-bookmark{position:absolute;right:44px;top:0;width:28px;height:66px;background:#c7af6e}.ledger-paper h3{font-size:22px;line-height:33px;font-weight:600;margin:0 0 2px}.ledger-paper>p{font-size:12px;line-height:18px;color:var(--muted);margin:0 0 18px}.ledger-columns{display:grid;grid-template-columns:1fr 80px 110px;border-top:1px solid var(--border);padding-top:13px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:19px}.ledger-columns span+span{text-align:right}.ledger-row{display:grid;grid-template-columns:1fr 80px 110px;height:37px;align-items:start;border-bottom:1px solid #e4e7dd;padding-top:7px}.ledger-row i{width:112px;max-width:85%;height:7px;background:#d2dccf;border-radius:3px}.ledger-row i+i{width:48px;justify-self:end}.ledger-row:nth-last-child(2)>i:first-child{width:94px}.ledger-row:last-child>i:first-child{width:76px}.ledger figcaption{position:absolute;bottom:13px;right:12px;min-height:48px;padding:13px 18px;background:#e4ebcf;border-radius:12px;color:var(--deep);font-size:14px;font-weight:500;white-space:nowrap}.brand-panel-footer{margin-top:auto;border-top:1px solid #69816b;padding-top:19px}.brand-panel-footer p{font-family:Mali,cursive;font-size:21px;font-weight:500;margin:0 0 13px;line-height:32px}.brand-panel-footer>span{font-size:13px;line-height:20px;color:#d5e2d4}
.auth-column{min-width:0}.auth-content{max-width:456px;margin:114px auto 0}.auth-content h1{font-size:36px;line-height:54px;font-weight:600;color:var(--deep);margin:0;outline-offset:6px}.intro{font-size:17px;color:var(--muted);line-height:26px;margin:6px 0 0}.availability{font-size:12px;line-height:18px;color:var(--muted);margin:6px 0 12px}.field{margin:0 0 28px}.field label{display:block;font-size:15px;line-height:23px;font-weight:600;margin-bottom:9px}.field input{width:100%;height:56px;border:1px solid var(--input-border);border-radius:11px;background:var(--white);color:var(--ink);padding:0 16px;transition:border-color .15s,box-shadow .15s;min-width:0}.field input::placeholder{color:var(--muted);opacity:1}.field input[aria-invalid=true]{border-color:var(--error)}.field input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px var(--error-bg)}.password-input{position:relative}.password-input input{padding-right:60px}.password-toggle{position:absolute;right:6px;top:6px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--muted);background:transparent}.password-toggle:hover{background:var(--sage);color:var(--deep)}.password-hint{font-size:13px;line-height:20px;color:var(--muted);margin:10px 0 0}.field-error{color:var(--error);font-size:13px;line-height:20px;margin:6px 0 0}.password-field{margin-bottom:32px}.submit-button{height:56px;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:11px;color:#fff;background:var(--green);font-size:17px;font-weight:600;transition:background .15s}.submit-button:hover{background:var(--deep)}.submit-button:disabled{cursor:wait;background:var(--green);opacity:.85}.button-spinner{width:18px;height:18px;border:2px solid #bfcfbe;border-top-color:#fff;border-radius:50%;animation:spin .85s linear infinite}.form-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-top:16px;background:var(--error-bg);color:var(--error);border-radius:11px;font-size:15px;line-height:24px}.form-alert .icon{margin-top:3px;width:16px;height:16px}.form-alert p{margin:0}.login-help{display:flex;align-items:flex-start;gap:11px;border-top:1px solid var(--border);padding-top:24px;margin-top:15px;color:var(--muted);font-size:14px;line-height:21px}.login-help .icon{width:16px;height:16px;margin-top:5px}.login-help p{margin:0}.mobile-break{display:none}.auth-footer{margin-top:102px;color:var(--muted);font-size:12px;line-height:18px}.privacy-note{display:flex;align-items:center;gap:11px;margin:0}.privacy-note .icon{width:13px;height:13px}.product-name{margin:40px 0 0}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.brand-panel{min-height:832px;max-height:960px}.workspace{min-height:832px}.auth-content{margin-top:114px}}
@media(max-width:1199px) and (min-width:761px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.brand-panel{padding:40px 30px;min-height:790px}.brand-panel-intro h2{font-size:34px}.brand-panel-intro>p{font-size:16px}.ledger{margin-left:0;transform:scale(.88);transform-origin:left top;width:calc(100% / .88);margin-bottom:-40px}.auth-content{margin-top:90px}.auth-content h1{font-size:31px}.intro{font-size:16px}.auth-footer{margin-top:70px}.brand-panel-footer p{font-size:17px}.brand-copy>span{font-size:11px}}
@media(max-width:1199px) and (min-width:761px){
    .ledger-columns,.ledger-row{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr);column-gap:10px}
    .ledger-columns>span,.ledger-row>i{min-width:0;max-width:100%}
}
@media(max-width:760px){.page-shell{padding:0 24px 24px;max-width:520px;min-height:100dvh}.page-header{height:148px;padding:24px 0 0;display:block;position:relative}.brand{gap:14px;width:max-content;max-width:100%}.brand-copy strong{font-size:22px}.brand-copy>span{display:none}.back-link{position:absolute;top:100px;left:-12px;margin:0;padding:0 12px;width:max-content;gap:12px;font-size:14px}.page-header:after{content:'';position:absolute;left:0;right:0;top:91px;border-top:1px solid var(--border)}.workspace{display:block;min-height:0}.brand-panel{display:none}.auth-content{max-width:none;margin:30px 0 0}.auth-content h1{font-size:30px;line-height:45px}.intro{font-size:16px;line-height:24px;margin:5px 0 0}.availability{font-size:12px;line-height:18px;margin:6px 0 18px}.field{margin-bottom:27px}.field label{margin-bottom:9px}.password-field{margin-bottom:32px}.login-help{margin-top:32px;padding-top:24px}.mobile-break{display:inline}.auth-footer{margin-top:77px}.privacy-note{display:none}.product-name{text-align:center;margin:0}.submit-button{font-size:17px}}
@media(max-width:360px){.page-shell{padding-left:18px;padding-right:18px}.auth-content h1{font-size:28px}.brand-copy strong{font-size:20px}.intro{font-size:15px}.login-help{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}