@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--ink:#223631;--muted:#81908b;--green:#255f4b;--line:#e6ebe7;--bg:#f7f9f7}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--green);background:var(--green);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-weight:550;display:inline-flex}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}input,select{color:var(--ink);background:#fff;border:1px solid #dce4df;border-radius:6px;min-width:0;padding:11px 12px}input:focus,select:focus{outline-offset:1px;outline:2px solid #abcabb}label{flex-direction:column;gap:8px;font-weight:550;display:flex}small{color:var(--muted);margin-top:6px;font-size:11px;display:block}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.2px;margin:8px 0 10px;font:750 33px Manrope,Arial}h2{font:700 17px Manrope,Arial}h3{margin:24px 0 14px;font-size:15px}p{color:#788780;font-size:13px;line-height:1.65}b{font-weight:550}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:246px;padding:32px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.1px;color:#275d49;margin-left:12px;font:800 28px Manrope,Arial}.brand span{letter-spacing:2px;color:#87958c;margin:5px 0 0 1px;font:550 9px DM Sans,Arial;display:block}.workspace{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:11px;margin:32px 0 26px;padding:19px 9px;display:flex}.avatar{color:#587154;background:#ebf0e8;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;font-weight:600;display:inline-flex}.workspace b{font-size:12px}.workspace small{font-size:10px}.nav-label{letter-spacing:1.6px;margin:0 12px 14px;font-size:9px}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#829087;background:0 0;border:0;border-radius:6px;justify-content:flex-start;gap:12px;padding:12px 13px;font-size:12px}nav button.active{color:#285d49;background:#e9f2ed;font-weight:650}.nav-count{background:#dce9df;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.sidebar-bottom{margin-top:auto}.secure{border:1px solid var(--line);color:#66816f;border-radius:7px;gap:10px;margin:20px 0;padding:13px 10px;display:flex}.secure b{font-size:10px}.secure small{font-size:9px}.sidebar-bottom>small{color:#b1bbb5;margin:16px 10px}.role-toggle{color:#61766a;background:0 0;border:0;padding:5px 10px;font-size:10px}.main{flex:1;min-width:0;margin-left:246px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex}header>div{color:#87958d;letter-spacing:.8px;align-items:center;gap:12px;font-size:10px;display:flex}.header-right{letter-spacing:0!important;font-size:11px!important}.mini{border-radius:50%;width:30px;height:30px;margin-left:10px}.demo-dot,.dot{background:#699d70;border-radius:50%;width:6px;height:6px;display:inline-block}.dot{margin-right:6px}.amber{background:#c89548}main{max-width:1500px;margin:0 auto;padding:28px 38px 36px}.demo-banner{color:#7b8e80;margin-bottom:24px;font-size:10px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#86948a;font-size:9px;font-weight:550}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 22px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px 24px}.stats article>span{color:#7c8b82;justify-content:space-between;font-size:11px;display:flex}.stats article>span svg{color:#96a89d}.stats strong{letter-spacing:-1px;margin:15px 0 11px;font:750 30px Manrope,Arial;display:block}.stats small{font-size:10px}.closure-banner{background:#eef3ee;border:1px solid #dfe8df;border-radius:8px;align-items:center;gap:16px;margin-bottom:28px;padding:18px 21px;display:flex}.closure-banner b{font-size:12px}.closure-banner p{margin-top:5px;font-size:10px}.closure-icon{color:#5d8062;background:#dfeade;border-radius:7px;padding:10px;display:flex}.weekday{letter-spacing:1.1px;color:#6f8973;border:1px solid #d4e0d4;border-radius:4px;margin-left:auto;padding:6px 8px;font-size:8px}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:22px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:25px 24px;display:flex}.panel-heading p{margin-top:7px;font-size:11px}.count{color:#7c8c80;background:#f0f3ef;border-radius:5px;margin-left:7px;padding:3px 7px;font:500 10px DM Sans}.secondary{color:#617167;background:#fff;border:1px solid #dce4de;padding:9px 12px;font-size:11px}.toolbar{gap:12px;padding:0 24px 21px;display:flex}.toolbar>input{max-width:235px;font-size:10px}.search{color:#9ca99f;border:1px solid #e0e6e1;border-radius:6px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{border:0;outline:0;flex:1;padding:11px 0;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#f8faf7}th{letter-spacing:1px;color:#91a096;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 24px;font-size:8px;font-weight:550}td{border-bottom:1px solid #edf0ed;padding:19px 24px;font-size:11px}td small{color:#97a49b;font-size:9px}.payee{align-items:center;gap:11px;display:flex}.payee-avatar{color:#80917b;background:#f0f2ec;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;font-size:9px;display:flex}.memo{color:#8f9c93;font-size:10px}.badge{text-transform:capitalize;color:#b68d40;background:#f3f1ea;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.batched,.closed{color:#788cad;background:#edf1f8}.deposited,.printed{color:#649478;background:#e9f4ec}.voided{color:#a26868;background:#f7eaea}.open{color:#b68d40;background:#f6f0e4}.row-actions{gap:5px;display:flex}.row-actions button{color:#809084;background:0 0;border:0;padding:4px;font-size:9px}.table-footer{color:#9caaa0;justify-content:space-between;padding:18px 24px;font-size:9px;display:flex}.note{color:#98a69b;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:10px;display:flex}.notice{color:#3c6752;background:#edf3ef;border:1px solid #d8e4db;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 16px;font-size:12px;display:flex}.icon-button{color:inherit;background:0 0;border:0;padding:3px}.form-panel{max-width:1000px;padding:28px}.form-panel>p{margin:9px 0 23px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.form-panel label{margin-bottom:16px;font-size:12px}.form-panel canvas{touch-action:none;border:1px dashed #b7c9bc;border-radius:7px;width:100%;max-width:650px;height:120px;margin:12px 0;display:block}.checkbox{flex-direction:row;align-items:center;margin-top:20px}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:23px;padding-top:23px;display:flex}.form-footer span{color:var(--muted);font-size:11px}.list-panel{padding:25px}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:20px 0;display:flex}.list-row>div:first-child{margin-right:auto}.document{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:22px 0;display:flex}.document b{min-width:230px}.document input{font-size:11px}.document>div{gap:12px;display:flex}.empty{text-align:center;color:var(--muted);padding:45px}.login{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:430px;margin:12vh auto;padding:35px}.login h1{margin-top:30px}.login form{margin-top:20px}.login label{margin-bottom:20px}.recipient-layout .main{width:100%;max-width:1000px;margin:0 auto}.recipient-layout header{border-radius:0}.recipient-layout .page-heading{margin-top:20px}@media (min-width:1550px){main{padding-top:40px}.stats strong{font-size:36px}}@media (max-width:1150px){aside{width:215px;padding-left:14px;padding-right:14px}.main{margin-left:215px}main{padding:24px}header{padding:0 24px}td,th{padding-left:16px;padding-right:16px}.stats article{padding:18px}.stats strong{font-size:26px}.memo{text-overflow:ellipsis;max-width:110px;overflow:hidden}}@media (max-width:760px){aside{width:100%;padding:20px;display:block;position:static}.shell{display:block}.main,.brand{margin:0}.workspace,.nav-label,.secure,.sidebar-bottom>small{display:none}.sidebar-bottom{margin-top:12px}nav{flex-direction:row;margin-top:20px;overflow:auto}nav button{white-space:nowrap;padding:10px;font-size:10px}.stats{grid-template-columns:1fr}.stats article{padding:18px}.stats strong{font-size:28px}.page-heading{align-items:flex-start;gap:16px}.page-heading button{padding:10px;font-size:10px}h1{font-size:27px}header{height:58px;padding:0 20px}main{padding:20px}.toolbar{flex-wrap:wrap}.search{min-width:100%}.closure-banner{gap:10px}.weekday{display:none}.form-grid{grid-template-columns:1fr}.list-row{flex-wrap:wrap}.form-panel{padding:20px}.form-footer{flex-direction:column;gap:15px}.document input{max-width:100%}.note{line-height:1.6}.stats{gap:10px}.header-right{font-size:9px!important}}.customer-context{margin:4px 0 20px}.customer-context small,.rate-example small{color:var(--muted);margin-top:6px;display:block}.customer-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-bottom:26px;padding-bottom:20px;display:flex}.rate-example{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:20px 0;padding:18px}.rate-note{color:var(--muted);margin:22px 0;line-height:1.7}.bank-section>p{line-height:1.7}.bank-setup{border:1px solid var(--line);border-radius:10px;margin-top:24px;padding:24px}.bank-list{margin-top:24px}.bank-record{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:22px 0;display:flex}.bank-record>div{margin-right:auto}.bank-record small{color:var(--muted);margin-top:6px;display:block}.bank-record p{width:100%;color:var(--muted);margin:0}.bank-link{color:var(--green);font-size:12px;font-weight:600}.customer-directory{border-bottom:1px solid var(--line,#e1e7e1);margin-bottom:28px;padding-bottom:24px}.customer-directory .toolbar{flex-wrap:wrap;padding:0 0 16px}.customer-directory .search{flex:1;min-width:240px}.customer-directory .toolbar>span{color:#718079;font-size:12px}.customer-results{max-height:360px;overflow:auto}.customer-result{border:1px solid #e1e7e1;border-radius:10px;align-items:center;gap:16px;margin-bottom:8px;padding:12px;display:flex}.customer-result.selected{background:#f1f6f1;border-color:#a8bdae}.customer-result-name{text-align:left;color:#31493e;background:0 0;flex:1;min-width:0;padding:4px;display:block}.customer-result-name small{color:#718079;overflow-wrap:anywhere;margin-top:4px;font-weight:400;display:block}.customer-view-banner{background:#edf3ee;border:1px solid #a8bdae;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.customer-view-banner small{color:#65786d;margin-top:4px;display:block}.form-panel fieldset{border:0;min-width:0;margin:0;padding:0}@media (max-width:650px){.customer-result,.customer-view-banner{flex-direction:column;align-items:stretch}}.merchant-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.merchant-stats article{min-width:0;padding:24px}main>.panel{margin-bottom:24px}@media (max-width:1100px){.merchant-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.merchant-stats{grid-template-columns:1fr}}