@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#19352a;background:#f5f8f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{min-height:100vh;padding-bottom:88px}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 760px)/2));border-bottom:1px solid #e8eee9;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:11px;cursor:pointer}.brandmark{width:43px;height:43px;border-radius:14px;background:#e7f5eb;color:#18794e;display:grid;place-items:center}.brand b{display:block;font-size:17px;letter-spacing:-.4px}.brand small{display:block;color:#718078;font-size:11px;margin-top:2px}.today{font-size:12px;color:#708078;background:#f4f7f4;padding:8px 11px;border-radius:20px;text-transform:capitalize}main{max-width:720px;margin:auto;padding:25px 22px 35px}.welcome{display:flex;justify-content:space-between;align-items:center;margin:8px 0 22px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#56836b}.welcome h1,.page-title h1{font-size:29px;letter-spacing:-1px;margin:7px 0 4px}.welcome p,.page-title p{margin:0;color:#748078;font-size:14px}.leaf-art{font-size:47px;background:#e8f4e9;width:75px;height:75px;border-radius:24px;display:grid;place-items:center}.summary{background:#18794e;color:#fff;border-radius:20px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 22px #18794e20}.summary span,.summary small{display:block;color:#d6f0df;font-size:12px}.summary strong{display:block;font-size:30px;letter-spacing:-1px;margin:5px 0}.summary small{font-size:11px}.summary-icon{width:47px;height:47px;border-radius:15px;background:#fff2;display:grid;place-items:center}.section-head{margin:28px 0 13px}.section-head h2{font-size:17px;margin:0}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module{background:#fff;border:1px solid #e9efea;border-radius:17px;min-height:128px;text-align:left;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:inherit;cursor:pointer;box-shadow:0 2px 6px #1c382308}.module:active,.primary:active{transform:scale(.985)}.module-icon{height:39px;width:39px;border-radius:13px;display:grid;place-items:center}.green{background:#e6f5eb;color:#18794e}.orange{background:#fff0df;color:#c97924}.blue{background:#e8f0ff;color:#4775c8}.purple{background:#f1eaff;color:#8762be}.teal{background:#e2f5f2;color:#278d7d}.gold{background:#fff4d9;color:#b88920}.module b{font-size:15px}.module small{font-size:11px;color:#7b8980}.online-card{width:100%;margin-top:14px;background:#fff;border:1px solid #e8eee9;border-radius:17px;padding:15px;display:flex;align-items:center;gap:13px;text-align:left;color:inherit;cursor:pointer}.online-icon{width:42px;height:42px;border-radius:13px;background:#e7f5eb;color:#18794e;display:grid;place-items:center}.online-card b,.online-card small{display:block}.online-card b{font-size:14px}.online-card small{font-size:11px;color:#78857d;margin-top:3px}.arrow{margin-left:auto;font-size:26px;color:#98a69d}.bottom-nav{position:fixed;z-index:4;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #e7eee8;display:flex;justify-content:center;gap:min(12vw,75px);align-items:center;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:none;color:#89958d;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;font-size:10px;min-width:54px;cursor:pointer}.bottom-nav button.active{color:#18794e;font-weight:700}.page-title{display:flex;align-items:center;gap:12px;margin:8px 0 23px}.page-title h1{margin:0 0 4px}.back{border:0;background:#fff;color:#18794e;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.big-stat,.debt-total{background:#fff;border:1px solid #e8eee9;border-radius:18px;padding:20px;margin-bottom:15px}.big-stat span,.debt-total span{display:block;font-size:12px;color:#748078}.big-stat strong,.debt-total strong{display:block;font-size:30px;letter-spacing:-1px;margin:5px 0;color:#18794e}.big-stat small{font-size:11px;color:#829087}.primary,.secondary{border:0;border-radius:13px;padding:14px 17px;font:inherit;font-weight:700;font-size:14px;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.primary{background:#18794e;color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#eaf4ed;color:#18794e}.wide{width:100%;min-height:51px}.list-title{font-size:15px;margin:25px 0 12px}.list{background:#fff;border:1px solid #e8eee9;border-radius:16px;overflow:hidden}.sale-row,.movement{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #edf1ed}.sale-row:last-child,.movement:last-child{border:0}.sale-row b,.sale-row small{display:block}.sale-row b{font-size:16px}.sale-row small{font-size:11px;color:#7b8980;margin-top:4px}.sale-row>span{font-size:11px;color:#87938b}.debt-total strong{font-size:32px}.search{margin-top:16px}.search input,.field-label input{width:100%;border:1px solid #dfe8e1;border-radius:12px;padding:14px;font:inherit;font-size:14px;outline:none;background:#fff}.search input:focus,.field-label input:focus,.currency-input:focus-within{border-color:#319365;box-shadow:0 0 0 3px #18794e14}.customer-row{width:100%;display:flex;align-items:center;gap:11px;padding:13px;border:0;border-bottom:1px solid #edf1ed;background:#fff;text-align:left;color:inherit;cursor:pointer}.customer-row:last-child{border:0}.avatar{width:40px;height:40px;border-radius:14px;background:#e8f4eb;color:#18794e;font-weight:800;display:grid;place-items:center}.customer-name{flex:1}.customer-name b,.customer-name small{display:block}.customer-name b{font-size:14px}.customer-name small{font-size:10px;color:#89958d;margin-top:3px}.customer-row>strong{font-size:13px}.chevron{font-size:22px;color:#a0aaa3}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.movement{justify-content:flex-start;gap:10px}.movement-dot{width:9px;height:9px;border-radius:50%;flex:none}.owed{background:#e59b3f}.paid{background:#319365}.movement-main{flex:1}.movement-main b,.movement-main small{display:block}.movement-main b{font-size:13px}.movement-main small{font-size:10px;color:#87938b;margin-top:4px}.movement strong{font-size:13px}.negative{color:#bd792d}.positive{color:#25845a}.empty{text-align:center;padding:32px 15px;color:#849188}.empty div{font-size:35px}.empty p{font-size:13px;margin:8px 0}.coming{margin-top:35px;background:#fff;border:1px solid #e8eee9;border-radius:20px;padding:30px 23px;text-align:center}.coming-icon{font-size:40px}.coming h2{font-size:19px}.coming p{font-size:13px;color:#78857d;line-height:1.6;margin-bottom:22px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10251bb0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:15px}.modal{background:#fff;border-radius:22px 22px 16px 16px;padding:21px;width:min(100%,490px);max-height:90vh;overflow:auto;box-shadow:0 12px 50px #0002}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{font-size:20px;margin:0}.close{border:0;background:#f1f5f1;color:#617068;width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.helper{font-size:12px;color:#78857d;line-height:1.5;margin:0 0 15px}.money-field{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1ed}.money-field>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.money-field>span svg{color:#39865d}.currency-input{display:flex;align-items:center;gap:7px;border:1px solid #dfe8e1;border-radius:11px;padding:0 11px;background:#fff;min-width:125px}.currency-input span{color:#809087}.currency-input input{border:0;outline:0;width:100%;padding:11px 0;font:inherit;font-weight:700;text-align:right;min-width:0;background:transparent}.currency-input input:focus{box-shadow:none}.total-line{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:14px}.total-line b{font-size:20px;color:#18794e}.modal .primary{margin-top:10px}.field-label{display:block;font-size:12px;font-weight:700;margin:16px 0;color:#52645a}.field-label input{display:block;margin-top:8px}.field-label .currency-input{margin-top:8px}.field-label .currency-input input{text-align:left}.modal .helper+.field-label{margin-top:5px}@media(min-width:650px){main{padding-top:34px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module{min-height:140px}.overlay{align-items:center}.modal{border-radius:22px}.app{padding-bottom:95px}}
