:root{font-family:Segoe UI,Arial,sans-serif;color:#12354a;background:#eaf1f2;font-synthesis:none;font-size:14px;line-height:1.5;--teal:#008c98;--navy:#103b51;--muted:#728591;--line:#e7edef;--red:#dd464b;--green:#20865c}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c99f60;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #83cbd0;outline-offset:1px}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:26px;font-weight:650;letter-spacing:-.8px;margin-bottom:0}h3{font-size:15px;font-weight:650;margin-bottom:14px}small{font-size:11px}.muted{color:var(--muted);line-height:1.75;font-size:13px}.hint{color:#768b96;font-size:11px;line-height:1.7;display:flex;align-items:center;gap:7px;margin:16px 0}.workspace{display:grid;grid-template-columns:minmax(380px,1fr) minmax(390px,480px);max-width:1320px;margin:35px auto;min-height:880px;border:1px solid #d9e4e6;border-radius:22px;overflow:hidden;box-shadow:0 24px 100px #24444c14}.brand-panel{position:relative;background:linear-gradient(155deg,#fbfcf7,#e9f4f2 60%,#dbebeb);overflow:hidden;padding:40px 52px;display:flex;flex-direction:column}.brand-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand-top img{width:125px;height:108px;object-fit:contain;mix-blend-mode:multiply}.pilot{font-size:9px;letter-spacing:1.5px;border:1px solid #cbdedc;padding:7px 10px;border-radius:20px;color:#527b7a;white-space:nowrap}.pilot i,.connected i,.demo-banner i{width:5px;height:5px;border-radius:50%;background:#119c88;display:inline-block;margin-right:6px}.brand-copy{margin-top:70px;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#538c90;margin:0 0 13px}.brand-copy h1{font-size:64px;line-height:1.12;letter-spacing:-3px;font-weight:450;margin:18px 0 24px}.brand-copy h1 em{font-weight:450;color:var(--teal);font-style:normal}.brand-copy>p:not(.eyebrow){font-size:16px;color:#759091;line-height:1.85}.brand-chips{display:flex;gap:24px;margin-top:32px}.brand-chips span{display:flex;align-items:center;gap:8px;color:#567b7c;font-size:11px}.coast{margin:auto -52px 0;position:relative;padding-top:40px}.coast svg{display:block;width:100%;opacity:.82}.coast>span{position:absolute;bottom:21px;left:52px;font-size:9px;letter-spacing:2px;color:#e7f4ef}.coast i{display:block;font-style:normal;letter-spacing:1px;margin-top:5px;font-size:8px;opacity:.65}.brand-panel footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px;color:#7a9290;margin-top:23px}.app{position:relative;background:#f4f7f8;min-width:0;padding-bottom:12px}.demo-banner{font-size:10px;letter-spacing:.25px;text-align:center;padding:7px;background:#e6f1ee;color:#5b8178}.app-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;background:#fff;border-bottom:1px solid var(--line)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;position:relative;border-radius:10px;color:#487080}.wordmark{font-size:25px;letter-spacing:3px;font-family:Georgia,serif;font-weight:700;line-height:1.2;color:#10394f;text-align:center}.wordmark small{display:block;font:7px Segoe UI,sans-serif;letter-spacing:3px;color:#a37d40;margin-top:5px}.dot{width:5px;height:5px;background:#db5c58;border:1px solid white;border-radius:50%;position:absolute;right:9px;top:8px}.content{padding:25px 25px 10px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-heading .eyebrow{margin-bottom:5px;font-size:8px}.date-badge{font-size:8px;letter-spacing:1px;text-align:center;background:#fff;padding:5px 12px;border:1px solid #e4eaeb;border-radius:8px;color:#79949a;line-height:1.4}.date-badge span{display:block;font-size:21px;letter-spacing:-1px;color:#3c6674}.welcome{display:flex;gap:10px;align-items:center;margin-bottom:21px}.avatar{display:grid;place-items:center;background:#e3eeec;color:#5c8285;font-weight:600;width:41px;height:41px;border-radius:50%;font-size:13px}.welcome strong{display:block;font-size:13px;font-weight:650}.welcome small{display:block;color:#82969e;font-size:10px}.welcome div>span{display:block;font-size:10px;color:#91a0a6;margin-top:2px}.connected{margin-left:auto;font-size:9px;color:#60827a}.balance-card{background:linear-gradient(120deg,#103e50,#0d5663);border-radius:15px;color:#fff;padding:21px 21px 18px;box-shadow:0 7px 16px #12384c12;position:relative;overflow:hidden}.balance-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff08;border-radius:50%;right:-42px;top:-45px;pointer-events:none;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff03}.balance-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#bdd5d9}.tag{font-size:7px;border:1px solid #ffffff2b;border-radius:5px;padding:4px 7px;letter-spacing:1px;color:#b6cfd1}.big-balance{display:block;font-size:36px;letter-spacing:-1.2px;font-weight:500;margin:13px 0 0;line-height:1.25}.balance-note{font-size:10px;color:#9dbdc2}.balance-stats{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 20px;border-top:1px solid #ffffff15;padding-top:15px;gap:15px}.balance-stats>div+div{border-left:1px solid #ffffff1c;padding-left:20px}.balance-stats span{display:flex;gap:3px;align-items:center;color:#adc9cc;font-size:9px}.balance-stats b{display:block;font-size:15px;font-weight:500;margin-top:4px}.balance-stats div+div b{color:#8fddbd}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;min-height:46px;border-radius:9px;font-weight:600;font-size:12px;border:1px solid #d9e6e8;background:#fff}.wide{width:100%}.primary{background:linear-gradient(110deg,#00a8b2,#008692);color:#fff;border:0}.pay{background:#e55055;color:#fff;border:0;box-shadow:0 5px 16px #df474923}.button.pay{font-size:14px}.button.pay svg:last-child{margin-left:auto}.button.pay svg:first-child{margin-right:auto}.soft{background:#e6f3f3;border-color:#cce4e6;color:#187a84}.notice-link{display:flex;align-items:center;text-align:left;gap:11px;width:100%;background:#fff;border:1px solid #e4ebed;border-radius:12px;padding:13px 12px;margin:13px 0 19px}.notice-link b{font-size:11px;display:block;font-weight:600}.notice-link small{font-size:9px;color:#899aa4;display:block;margin-top:2px}.notice-link>svg{margin-left:auto;color:#85a4ad}.round-icon{display:grid;place-items:center;background:#eaf4f3;color:#368b92;border-radius:10px;width:36px;height:36px;flex-shrink:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.quick-grid button{background:#fff;border:1px solid #e4ebed;border-radius:11px;padding:16px 5px;text-align:center}.quick-grid svg{display:block;margin:0 auto 10px;color:#3b8a94;width:21px}.quick-grid b{display:block;font-size:11px;font-weight:600}.quick-grid small{display:block;font-size:9px;color:#9aa7ad;margin-top:4px}.card{padding:18px;background:#fff;border:1px solid #e3ebed;border-radius:13px;margin-bottom:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;gap:12px}.section-title h3{margin:0;display:flex;gap:6px;align-items:center}.section-title button{display:flex;align-items:center;gap:5px;font-size:9px;color:#47919a;padding:4px 0}.movement{display:flex;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.movement:last-child{border:0;padding-bottom:4px}.row-icon{background:#fff1ef;color:#d88179;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.movement.payment .row-icon{background:#edf7f0;color:#4a9c73}.movement.fee .row-icon{background:#e1f4f4;color:#0796a2}.movement strong{font-size:11px;font-weight:550;display:block}.movement small{font-size:8px;display:block;color:#91a0a7;margin-top:4px}.grow{flex:1;min-width:0}.numbers{text-align:right;flex-shrink:0}.numbers b{font-size:11px;font-weight:600;color:#d65d60}.payment .numbers b{color:#20865c}.fee .numbers b{color:#008f9a}.recent{padding:17px 15px}.fx{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2eaeb;padding:12px;border-radius:9px;gap:10px;background:#edf3f4;font-size:10px}.fx>span{display:flex;gap:6px;align-items:center;color:#8aa1a8}.fx b{font-size:9px;color:#5e7d8c}.fx b span{font-size:11px;color:#315563;margin-left:4px}.fx-note{font-size:8px;color:#94a5ad;text-align:right;margin:5px 0 0}.sync{border-top:1px solid #e2e9eb;margin:24px 0 8px;padding-top:14px;display:flex;align-items:center;gap:8px;color:#8ba0a8;font-size:8px;line-height:1.5}.sync b{font-weight:400;font-size:9px;color:#64838b}.sync-tag{margin-left:auto;font-size:7px;letter-spacing:1px}.bottom-nav{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e3e9eb;padding:9px 12px 10px;position:sticky;bottom:0;z-index:4}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#97a8af;min-height:45px;min-width:55px;padding:5px;border-radius:9px}.bottom-nav button[aria-current]{color:#008e98;background:#ecf6f5}.app-footer{display:flex;gap:4px;align-items:center;justify-content:center;font-size:8px;color:#91a6aa;padding:10px 0 0}.login{padding:30px 35px 40px;background:linear-gradient(#f4f8f7,#fff)}.login-logo{display:block;width:150px;height:130px;margin:0 auto 30px;mix-blend-mode:multiply}.login .eyebrow{font-size:8px;margin-top:30px}.login h2{font-size:30px}.login>.muted{margin-top:12px}.field{display:block;margin:17px 0}.field>span{font-size:11px;display:block;color:#66818f;margin-bottom:7px}.field input,.field textarea,.search input{width:100%;background:#fbfcfc;border:1px solid #d9e4e7;border-radius:9px;min-height:46px;padding:11px 12px;font-size:16px;color:#143c50;min-width:0}.field textarea{min-height:90px;resize:vertical}.password{position:relative}.password input{padding-right:45px}.password button{position:absolute;right:5px;top:3px;width:38px;height:39px;color:#849aa6}.demo-help{font-size:10px;color:#64828a;border:1px dashed #bfd7d7;border-radius:8px;padding:12px;margin-top:30px}.demo-help p{margin:12px 0 0}.intro-icon{width:62px;height:62px;border-radius:18px;background:#e6f3f2;display:grid;place-items:center;color:#1f8c96;margin-bottom:24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-button{font-size:12px;color:#148592;padding:8px 0;margin-bottom:14px}.tabs{display:flex;background:#e8eff0;border-radius:8px;padding:4px;margin:16px 0}.tabs button{flex:1;font-size:11px;min-height:34px;border-radius:6px;color:#83959b}.tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #123b4910;color:#1d6271}.search{display:flex;gap:9px;align-items:center;color:#8aa2aa;background:#fff;border:1px solid #e1e9eb;border-radius:9px;padding:0 12px}.search input{border:0;background:transparent;font-size:13px;padding:12px 0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-grid strong{font-size:20px;display:block;margin-top:10px}.red{color:var(--red)}.green{color:var(--green)}.report{background:#fff;border:1px solid #d8e5e7;border-radius:12px;padding:17px 12px}.report-heading{padding:7px 6px 18px}.report-heading>span{font-size:8px;letter-spacing:1.5px;color:#3f8891}.report-heading h3{margin:10px 0 5px}.report-heading small{color:#91a3aa}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:9px}th,td{text-align:right;padding:11px 5px;border-bottom:1px solid #dbe5e8;white-space:nowrap}th{font-weight:500;color:#728e99;background:#eef5f6;font-size:8px}td:first-child,th:first-child{text-align:left}td:first-child{white-space:normal;min-width:105px;max-width:140px}td small{font-size:8px;display:block;color:#8b9ea6;margin-bottom:4px}tr.fee{background:#eaf8f8;color:#158f99}tr.payment{color:#20865c}tr.debt{color:#d2575c}tfoot td{font-weight:650;background:#f4f8f8;font-size:10px}.steps{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#008e98;font-size:10px;margin-bottom:25px}.steps i{height:1px;background:#dbe6e8;flex:1}.steps span{display:flex;gap:5px;align-items:center}.steps b{font-size:9px;font-weight:500}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-grid label{display:flex;position:relative;overflow:hidden;flex-direction:column;align-items:center;gap:12px;border:1px dashed #a5cfd2;border-radius:12px;padding:24px 10px;background:#eff8f8;color:#3a8f98;cursor:pointer;font-size:11px}.upload-grid input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.attachment{font-size:11px;padding:12px;background:#f0f7f8;border-radius:9px;overflow-wrap:anywhere}.attachment button{float:right}.attachment img{display:block;width:100%;max-height:200px;object-fit:contain;margin-top:12px}.status{display:flex;gap:5px;align-items:center;font-size:10px;background:#fff6e2;color:#a98b4c;padding:4px 7px;border-radius:5px}.status-card h3{font-size:24px;margin:20px 0 10px}.status-card p{font-size:12px}.status-card small{color:#8a9da7}.timeline{display:flex;align-items:center;gap:7px;font-size:8px;margin-top:25px;color:#8ca4a9;border-top:1px solid #e8eeee;padding-top:15px}.timeline i{width:8px;height:8px;border-radius:50%;background:#dde8e9}.timeline .done{background:#3caaa4}.timeline b{font-weight:500;color:#4d8c8e;margin-right:12px}.document-feature{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:#e7f5f4;border:1px solid #b9dcdb;padding:20px;border-radius:13px}.pdf{background:#de6262;color:#fff;display:grid;place-items:center;width:40px;height:48px;border-radius:7px;font-size:10px}.document-feature .eyebrow{font-size:7px;margin:0 0 7px;letter-spacing:1px}.document-feature h3{margin:0 0 4px}.document-feature small{color:#7a959b;font-size:9px}.doc-actions{display:flex;width:100%;gap:10px;margin-top:6px}.doc-actions>*{flex:1}.archive-limit{margin:25px 0 20px;font-size:12px}.archive-limit>b{float:right;color:#549297;font-size:11px}.archive-limit>div{height:5px;background:#dfe9eb;border-radius:10px;margin:10px 0}.archive-limit i{display:block;height:100%;background:#19a8ad;border-radius:10px}.archive-limit small{font-size:9px;color:#8aa1a6}.document-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.document-row:last-child{border:0}.document-row strong{display:block;font-size:12px;font-weight:500}.document-row small{display:block;font-size:9px;color:#9aabb2;margin-top:4px}.notice-info{display:flex;align-items:center;gap:10px;padding:14px;background:#e8f3f4;color:#4f8791;border-radius:10px;margin-bottom:17px}.notice-info p{font-size:11px;line-height:1.65;margin:0}.notification{display:flex;align-items:center;width:100%;text-align:left;gap:11px}.notification span:nth-child(2){flex:1}.notification b{display:block;font-size:12px;font-weight:500}.notification small{display:block;font-size:9px;color:#8da0aa;margin-top:6px}.menu-list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.menu-list button:last-child{border:0}.queue{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:11px}.queue small{display:block;font-size:9px;color:#8ba1aa}.empty{text-align:center;color:#9aabb0;padding:25px 0;font-size:12px}.error{background:#fff0ef;border:1px solid #efc8c5;color:#a94040;padding:14px;border-radius:10px;font-size:12px}.global-error{position:sticky;bottom:75px;margin:10px 20px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 4px 20px #b0444422}.success{color:#26775e;background:#e7f5ed;padding:13px;font-size:12px;border-radius:9px;margin:14px 0}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%);background:#123e4c;color:#fff;padding:15px 22px;border-radius:10px;max-width:90vw;font-size:12px;z-index:20;box-shadow:0 4px 30px #123e4c40}.drawer{position:absolute;z-index:10;inset:100px 15px auto;background:#fff;padding:40px 20px 20px;border:1px solid #d5e7e8;box-shadow:0 10px 50px #123e4c30;border-radius:14px}.drawer>button:not(.drawer-close){display:flex;justify-content:space-between;align-items:center;padding:12px;width:100%;font-size:12px;border-bottom:1px solid #eff3f4}.drawer-close{position:absolute;right:8px;top:6px}.loading{padding:100px 20px;text-align:center;color:#6c949a}@media(min-width:1000px){.brand-panel{position:sticky;top:0;align-self:start;min-height:920px}.app{min-height:920px}}@media(max-width:1050px){.workspace{margin:20px;grid-template-columns:minmax(320px,1fr) minmax(380px,450px)}.brand-panel{padding:30px}.brand-copy h1{font-size:49px}.coast{margin-left:-30px;margin-right:-30px}.brand-chips{gap:13px}.pilot{display:none}}@media(max-width:780px){body{background:#f4f7f8}.workspace{display:block;max-width:520px;margin:0 auto;border:0;border-radius:0;box-shadow:none;min-height:100dvh}.brand-panel{display:none}.app{min-height:100dvh;padding-bottom:0}.content{padding:24px 21px 8px}.app-header{height:73px;padding:12px 21px}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.login{padding:25px 30px 40px}.app-footer{padding-bottom:10px}.toast{bottom:90px;width:max-content;max-width:90vw}.big-balance{font-size:36px}.balance-card{padding:20px}.app-header{padding-top:calc(12px + env(safe-area-inset-top))}.numbers b{font-size:11px}}@media(max-width:360px){.content{padding:20px 14px}.numbers small{font-size:7px}.movement strong{font-size:10px}.row-icon{display:none}.two-col{gap:7px}.field input{padding:10px 7px}.big-balance{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.movement strong{font-size:12px}.movement small{font-size:10px}.numbers b{font-size:12px}.numbers small{font-size:9px}@media(max-width:780px){.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,520px)}.app{padding-bottom:80px}.app-footer{padding-bottom:14px}}
