*{box-sizing:border-box}body{color:#342820;background:#faf7f2;margin:0;font-family:Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#493b30;background:#fff;border:1px solid #e8dfd4;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;transition:all .18s;display:inline-flex}button:hover{background:#f5eee5;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:default;transform:none}a{color:#a3402e}input,select{color:#342820;background:#fff;border:1px solid #ded5c9;border-radius:9px;min-width:0;padding:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d2a266}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;margin-bottom:10px;font-family:Georgia,serif;font-size:36px;font-weight:500}h2{font-size:20px}p{color:#8b7d6d;line-height:1.6}small{color:#948575;line-height:1.5}.shell{min-height:100vh;display:flex}.sidebar{background:#fffdf9;border-right:1px solid #eae2d8;flex-direction:column;width:248px;padding:34px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#593c27;align-items:center;gap:12px;font-family:Georgia,serif;font-size:21px;line-height:1.12;display:flex}.brand img{object-fit:cover;border:3px solid #f0d9af;border-radius:50%;width:58px;height:58px}.brand span{font-size:27px;display:block}.brand small{letter-spacing:1.2px;margin-top:10px;font:8px Arial;display:block}.navLabel{letter-spacing:1.8px;margin:48px 0 18px 14px;font-size:10px}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#8d7d6a;background:0 0;border:0;justify-content:flex-start;gap:14px;padding:15px}.sidebar nav button.active{color:#a2442e;background:#f9eae0;font-weight:700}.dot{background:#b75a37;border-radius:50%;width:6px;height:6px;margin-left:auto}.sideFooter{color:#b67749;margin-top:auto;padding:24px 12px}.sideFooter p{font-size:12px;line-height:1.8}.sideFooter small{font-size:11px}.workspace{width:calc(100% - 248px);margin-left:248px}header{background:#fffcf8;border-bottom:1px solid #ece5da;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex}.breadcrumb{color:#9b8b78;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb b{color:#5a4936}.cloud{color:#6c8770;align-items:center;gap:7px;font-size:11px;display:flex}main{max-width:1450px;margin:auto;padding:38px 42px}.heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.heading p{margin:0;font-size:13px}.eyebrow{color:#b17c42;letter-spacing:2px;margin-bottom:13px;font-size:10px;display:block}.primary{color:#fff;white-space:nowrap;background:#a54631;border:1px solid #a54631;padding:13px 20px;box-shadow:0 4px 10px #8d3d2511}.primary:hover{color:#fff;background:#873823}.stats{grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-bottom:23px;display:grid}.balance{color:#fff;background:#a54631 radial-gradient(at 100% 100%,#c4664444,#0000);border-radius:17px;padding:28px}.balance>span{color:#f1cabc;align-items:center;gap:10px;font-size:13px;display:flex}.balance h2{letter-spacing:-1px;margin:24px 0 7px;font-size:38px}.balance p{color:#e7bdab;font-size:11px}.balance>div{color:#f2d2bb;border-top:1px solid #fff2;justify-content:space-between;align-items:center;margin-top:15px;padding-top:13px;font-size:11px;display:flex}.stat{background:#fffcf8;border:1px solid #e9dfd1;border-radius:17px;padding:25px}.stat p{margin:22px 0 10px;font-size:12px}.stat h2{letter-spacing:-1px;margin-bottom:13px;font-size:29px}.statIcon{color:#71805e;background:#edf1e7;border-radius:12px;padding:11px;display:inline-flex}.amber{color:#af894b;background:#f7efdd}.banner{background:#fbf3e5;border:1px solid #eadac0;border-radius:13px;align-items:center;gap:16px;margin-bottom:30px;padding:19px 23px;display:flex}.bannerIcon{color:#a2814a;background:#efdfc2;border-radius:50%;padding:11px}.banner b{font-size:13px}.banner p{margin:4px 0 0;font-size:12px}.banner button{color:#997545;background:0 0;border:0;margin-left:auto;font-size:12px}.panel{background:#fffcf8;border:1px solid #e9dfd1;border-radius:16px;overflow:hidden}.panelHead{justify-content:space-between;align-items:center;padding:26px 25px 15px;display:flex}.panelHead h2{margin-bottom:5px;font-size:18px}.panelHead p{margin:0;font-size:12px}.textButton{color:#a34b32;background:0 0;border:0;padding:8px 0;font-size:12px}.tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px 22px;display:flex}.filters{flex-wrap:wrap;gap:4px;display:flex}.filters button{color:#93836f;background:0 0;border:0;padding:8px 11px;font-size:11px}.filters .chosen{color:#8a4e30;background:#f4e7d9;font-weight:700}.search{color:#a18f7c;background:#fff;border:1px solid #e5ddcf;border-radius:8px;align-items:center;max-width:250px;padding:0 10px;display:flex}.search input{border:0;width:100%;padding:10px;font-size:11px}.saleRow{border-top:1px solid #f0e8dd;align-items:center;gap:14px;padding:19px 24px;display:flex}.avatar{color:#9b6844;text-transform:uppercase;background:#f4e8d8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:12px;display:inline-flex}.person{flex:1;min-width:100px}.person b{margin-bottom:5px;font-size:13px;display:block}.person span{color:#a1917d;font-size:11px;display:block}.date{color:#9b8b77;align-items:center;gap:6px;font-size:10px;display:flex}.late{color:#b46440}.saleRow strong{text-align:right;min-width:105px;font-size:14px}.saleRow strong small{margin-top:4px;font-size:9px;font-weight:400;display:block}.receive{color:#66784c;background:#eef1e7;border-color:#dce4cd;margin-left:12px;padding:9px 13px;font-size:11px}.settled{font-size:11px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.clientCard{padding:24px}.clientCard h3{margin:17px 0 7px}.clientCard h2{margin-top:15px}.clientCard p{font-size:12px}.cardActions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.cardActions button,.fileButton{padding:10px;font-size:11px}.fileButton{cursor:pointer;background:#fff;border:1px solid #ddd3c7;border-radius:9px}.fileButton input{display:none}.settings{max-width:800px;margin-bottom:20px;padding:26px}.settings input{margin-left:12px}.muted{margin-top:18px;font-size:11px}.empty{text-align:center;color:#b29a7d;flex-direction:column;align-items:center;padding:55px 20px;display:flex}.empty h3{color:#685440;margin:20px 0 6px}.empty p{font-size:13px}.empty button{margin-top:12px}footer{color:#b2a28d;justify-content:center;align-items:center;gap:5px;padding:30px 0;font-size:10px;display:flex}.mobileNav{display:none}.error{color:#ad3628;background:#fff0ed;border:1px solid #f0bfb6;border-radius:10px;margin-bottom:16px;padding:16px;line-height:1.6}.error button{margin:0 8px;padding:6px;font-size:11px}.toast{color:#fff;z-index:100;background:#416a4d;border-radius:12px;gap:10px;padding:15px 22px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#231a14aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fffaf3;border-radius:20px;width:100%;max-width:580px;max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 80px #0003}.close{background:0 0;border:0;padding:7px;position:absolute;top:13px;right:13px}.dialog h2{padding-right:30px;font-family:Georgia,serif;font-size:25px}.dialog form{gap:17px;display:grid}.dialog label{color:#77614c;flex-direction:column;gap:8px;font-size:12px;display:flex}.dialog small{font-size:11px}.history{border-top:1px solid #eadccb;padding:18px 0}.history>div{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.history button{font-size:11px}.importList{max-height:44vh;overflow:auto}.importList>div{border-bottom:1px solid #eadccb;flex-wrap:wrap;gap:8px;padding:15px 0;display:flex}.importList label{flex-direction:row;align-items:center;width:100%}.importList input[type=number]{width:110px}@media (width>=1500px){main{padding-top:50px}.stats{gap:25px}.saleRow{padding-top:23px;padding-bottom:23px}}@media (width<=1100px){.sidebar{width:205px;padding:28px 16px}.workspace{width:calc(100% - 205px);margin-left:205px}main{padding:28px 25px}header{padding:0 25px}.brand img{width:43px;height:43px}.brand{font-size:17px}.brand span{font-size:23px}.stats{grid-template-columns:1.3fr 1fr}.stat:last-child{display:none}.cards{grid-template-columns:repeat(2,1fr)}.date{max-width:110px;line-height:1.5}.saleRow{gap:9px;padding:18px}.saleRow strong{min-width:80px}.receive{margin-left:2px}h1{font-size:30px}}@media (width<=720px){.sidebar{display:none}.workspace{width:100%;margin:0}header{height:57px;padding:0 20px}.breadcrumb{font-size:11px}.cloud{font-size:10px}main{padding:24px 17px 85px}.heading{align-items:flex-start;margin-bottom:23px}.heading p{max-width:230px;font-size:11px}h1{font-size:29px}.heading>.primary{margin-top:20px;padding:12px;font-size:0}.heading>.primary svg{width:22px;height:22px}.eyebrow{font-size:9px}.stats{grid-template-columns:1fr 1fr;gap:12px}.balance{grid-column:1/-1;padding:25px}.balance h2{margin-top:19px;font-size:40px}.balance>div{margin-top:9px}.stat{padding:17px}.stat:last-child{display:block}.stat p{margin:13px 0 9px;font-size:11px}.stat h2{font-size:23px}.stat small{font-size:10px}.statIcon{padding:8px}.banner{gap:11px;padding:16px}.bannerIcon{display:none}.banner b{font-size:12px}.banner p{font-size:11px}.banner button{padding:6px;font-size:10px}.panelHead{padding:20px 16px 12px}.panelHead h2{font-size:17px}.panelHead p{font-size:11px}.tools{gap:12px;padding:10px 15px 17px}.search{width:100%;max-width:none}.search input{font-size:12px}.filters{gap:1px}.filters button{padding:8px;font-size:10px}.saleRow{grid-template-columns:35px 1fr auto;gap:7px 10px;padding:17px 14px;display:grid}.saleRow .avatar{grid-row:1/3;width:34px;height:34px}.saleRow .person{grid-area:1/2}.saleRow strong{text-align:right;grid-area:1/3;font-size:13px}.saleRow .date{grid-area:2/2;max-width:none;font-size:9px}.saleRow button{grid-area:2/3;justify-self:end;padding:7px 12px;font-size:10px}.person b{font-size:12px}.person span{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:10px;overflow:hidden}.saleRow strong small{font-size:9px}.mobileNav{z-index:40;padding:10px 5px max(12px,env(safe-area-inset-bottom));background:#fffcf9;border-top:1px solid #e4dacd;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #35291908}.mobileNav button{color:#ae9d88;background:0 0;border:0;flex-direction:column;gap:5px;padding:3px 8px;font-size:9px;display:flex}.mobileNav .active{color:#a54631}.cards{grid-template-columns:1fr}.dialog{max-height:88vh;padding:28px 23px}.overlay{padding:12px}.settings{padding:20px}.settings p{font-size:13px}footer{font-size:9px}.toast{justify-content:center;width:90%}.brand{font-size:20px}}.mobileBrand{display:none}@media (width<=720px){.mobileBrand{color:#703e26;align-items:center;gap:9px;font-family:Georgia,serif;font-size:16px;display:flex}.mobileBrand img{border-radius:50%;width:35px;height:35px}.breadcrumb{display:none}}.loginPage{background:radial-gradient(at top,#f6e5c9,#faf7f2 70%);place-items:center;min-height:100vh;padding:25px;display:grid}.login{text-align:center;border:1px solid #eadac9;max-width:460px;max-height:none;position:static}.login>img{border:5px solid #ecd5ae;border-radius:50%;width:105px;height:105px;margin-bottom:24px}.login h1{font-size:33px}.login form{text-align:left;margin:24px 0}.login>button{margin:20px 0 12px}.demoExplanation{font-size:11px;display:block}.setup{background:#f4eadc;border-radius:12px;padding:20px;font-size:13px}.demoBanner{background:#fff1cb;border:1px solid #e9d094;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:12px 16px;font-size:12px;display:flex}.demoBanner button{padding:7px;font-size:11px}