@import url('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{--blue:#116acc;--ink:#183452;--muted:#7e8da0;--line:#eaf0f5;--green:#078368;--red:#de6267;--bg:#f5f8fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.amount{font-family:Manrope,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:238px;background:white;border-right:1px solid var(--line);padding:34px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 11px}.brandmark{background:var(--blue);color:white;width:39px;height:43px;border-radius:13px;display:grid;place-items:center}.brandmark svg{width:27px;height:27px}.brand strong{font:800 19px Manrope;letter-spacing:-.7px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:3px}.nav-label{color:#a0adba;letter-spacing:1.8px;font-size:10px;font-weight:700;margin:49px 16px 14px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:13px;text-align:left;border-radius:9px;padding:13px 16px;color:#7c8a9a;font-size:13px;font-weight:550}nav button.active{background:#eaf3ff;color:var(--blue)}nav button:hover{background:#f2f7fc}nav .badge{margin-left:auto;background:#fff0db;color:#b98228;font-size:10px;padding:3px 6px;border-radius:5px}.aside-bottom{margin-top:auto}.help{background:#f5f9fd;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:12px;line-height:1.7;color:var(--muted)}.help b{display:block;color:var(--ink);font-size:13px}.help button{color:var(--blue);margin-top:7px;padding:0}.user{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);margin-top:23px;padding:24px 7px 0}.avatar{display:grid;place-items:center;background:#e6f1ef;color:var(--green);border-radius:50%;width:36px;height:36px;font-weight:700;font-size:12px}.user b{font-size:12px}.user small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.user svg{width:15px;margin-left:auto}main{margin-left:238px}header{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb svg{width:14px}.breadcrumb span{color:var(--ink)}.top-right{display:flex;align-items:center;gap:24px}.demo{font-size:11px;color:#8795a6;background:#f3f6f9;padding:7px 11px;border-radius:6px}.iconbtn{border:1px solid var(--line);border-radius:9px;width:37px;height:37px;display:grid;place-items:center}.bell{position:relative}.bell:after{content:'';position:absolute;width:5px;height:5px;background:#ebad4c;right:8px;top:7px;border:2px solid white;border-radius:100%;box-sizing:content-box}.content{max-width:1510px;margin:auto;padding:34px 44px 30px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#92a0ae;font-weight:600;margin-bottom:7px}h1{font-size:27px;letter-spacing:-1px;font-weight:750}.subtext{font-size:12px;color:var(--muted);margin-top:7px}.primary{background:var(--green);color:white;padding:12px 17px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:550;font-size:12px;box-shadow:0 4px 8px #087e6512}.primary svg{width:16px;height:16px}.balance{background:linear-gradient(115deg,#1265c1,#1675dc);border-radius:17px;color:white;padding:27px 31px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:163px}.balance:after{content:'';position:absolute;right:138px;top:-159px;width:380px;height:380px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 62px #ffffff05,0 0 0 124px #ffffff04;pointer-events:none}.shop{display:flex;gap:11px;align-items:center;font-size:12px;margin-bottom:22px;color:#d2e4fc}.shoplogo{height:29px;width:29px;display:grid;place-items:center;border-radius:50%;background:white;color:#1265c1;font-size:10px;font-weight:800}.balance-label{color:#bed8f8;font-size:11px;display:flex;gap:9px;align-items:center}.balance-label svg{width:15px;height:15px}.balance .amount{display:flex;gap:8px;align-items:center;margin-top:3px;font-size:34px;letter-spacing:-1.2px;font-weight:650}.balance .amount small{font-size:20px;font-weight:400;opacity:.75}.account-link{position:relative;z-index:1;border:1px solid #ffffff3b;border-radius:8px;padding:10px 12px;font-size:11px;display:flex;align-items:center;gap:15px;color:#edf5ff}.account-link svg{width:15px}.monthbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 15px}.section-title{font-size:15px;font-weight:700;letter-spacing:-.3px}.monthnav{display:flex;align-items:center;gap:18px;font-size:12px}.monthnav button{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:white;border:1px solid var(--line)}.monthnav svg{width:13px}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.finance{background:white;border:1px solid var(--line);border-radius:13px;padding:23px 26px}.finance-top{display:flex;align-items:center;gap:10px}.circleicon{width:34px;height:34px;border-radius:50%;background:#eaf7f1;color:var(--green);display:grid;place-items:center}.circleicon svg{width:17px}.finance.expense .circleicon{background:#fff0ef;color:var(--red)}.finance-top h3{font-size:13px;font-weight:650}.finance-top>button{margin-left:auto;color:#a8b4c0}.finance-top>button svg{width:16px}.finance-total{font:700 27px Manrope;letter-spacing:-.7px;color:var(--green);margin:15px 0 3px}.expense .finance-total{color:var(--red)}.finance-note{font-size:10px;color:var(--muted)}.finance-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;padding-top:17px;border-top:1px solid var(--line);gap:16px}.finance-stats div{border-right:1px solid var(--line)}.finance-stats div:last-child{border:0}.finance-stats small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.finance-stats button,.finance-stats b{font-size:12px;font-weight:600;padding:0}.finance-stats button:hover{text-decoration:underline}.positive{color:var(--green)}.negative{color:var(--red)}.progress{height:4px;background:#edf4f1;border-radius:5px;overflow:hidden;margin-top:18px}.progress span{display:block;background:#38a28a;height:100%;border-radius:5px}.expense .progress{background:#f9eded}.expense .progress span{background:#e58a8d}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0;background:white;border:1px solid var(--line);border-radius:12px;padding:20px 0}.shortcut{display:flex;align-items:center;gap:13px;text-align:left;padding:0 24px;border-right:1px solid var(--line)}.shortcut:last-child{border:0}.shortcut:hover{color:var(--blue)}.shortcut-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f0f5fc;color:#447db7}.shortcut b{display:block;font-size:12px;font-weight:600}.shortcut small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.shortcut .badge{background:#fff1d9;color:#bd862d;padding:2px 5px;border-radius:5px;font-size:9px;margin-left:4px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:21px}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{padding:21px 24px;display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:14px;font-weight:700}.textbtn{color:var(--blue);font-size:11px;display:flex;align-items:center;gap:5px}.textbtn svg{width:13px}table{width:100%;border-collapse:collapse;text-align:left}th{color:#93a0ae;font-size:9px;font-weight:550;letter-spacing:.6px;padding:10px 24px;background:#fbfcfe}td{padding:15px 24px;font-size:11px;border-bottom:1px solid #f0f3f7}tbody tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fbfe}td strong{font-weight:550;display:block}td small{font-size:9px;color:#9aa7b5;display:block;margin-top:4px}.status{font-size:9px;border-radius:5px;padding:4px 7px;white-space:nowrap}.status.ok{background:#eaf7f0;color:#399574}.status.pending{background:#fff5e5;color:#bd934b}.status.archived{background:#f0f2f5;color:#8693a2}.right{text-align:right}.reminder{display:flex;gap:12px;padding:15px 23px;border-top:1px solid var(--line);align-items:center}.reminder .circleicon{width:31px;height:31px;background:#fff6e7;color:#caa15a}.reminder b{display:block;font-size:11px;font-weight:550}.reminder small{color:var(--muted);font-size:10px;display:block;margin-top:4px}.reminder .amount{margin-left:auto;font-size:11px;white-space:nowrap}.panel-foot{padding:14px 24px;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;color:#a1adba;font-size:10px;margin-top:25px}footer span{display:flex;align-items:center;gap:6px}.dot{width:5px;height:5px;border-radius:50%;background:#5aa58b}.list-tools{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.search{display:flex;gap:9px;align-items:center;border:1px solid #e6edf3;border-radius:8px;padding:9px 12px;background:#fbfcfe;width:300px}.search svg{width:16px;color:#93a3b3}.search input{background:none;border:0;outline:none;width:100%;font-size:12px;color:var(--ink)}.tabs{display:flex;gap:5px}.tabs button{font-size:11px;padding:9px 13px;border-radius:7px;color:var(--muted)}.tabs button.selected{background:#eaf3ff;color:var(--blue)}.summary-strip{background:var(--blue);color:white;border-radius:13px;display:flex;gap:50px;padding:25px 28px;margin-bottom:22px}.summary-strip small{display:block;opacity:.7;font-size:11px}.summary-strip b{display:block;font:650 23px Manrope;margin-top:7px}.namecell{display:flex;align-items:center;gap:10px}.namecell .avatar{width:31px;height:31px;font-size:10px}.dots{font-size:20px;line-height:20px;width:30px}.empty{padding:45px;text-align:center;color:var(--muted)}.timeline{padding:0 26px 20px}.day{font-size:11px;color:#9aa8b5;padding:20px 0 9px}.event{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.event .amount{margin-left:auto;font-size:13px}.event b{font-size:12px}.event small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.back{color:var(--muted);display:flex;gap:5px;align-items:center;font-size:11px;margin-bottom:14px}.back svg{width:14px}.pill{padding:7px 10px;background:#eaf4ef;border-radius:6px;color:var(--green);font-size:10px}#overlay:empty{display:none}#overlay{position:fixed;inset:0;background:#102c4870;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{background:white;border-radius:18px;width:480px;max-height:90vh;overflow:auto;padding:28px;box-shadow:0 20px 90px #132b4930}.modal h2{font-size:21px;letter-spacing:-.6px}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.modal p{color:var(--muted);font-size:12px;line-height:1.7}.modal form{margin-top:22px}.modal label{font-size:11px;display:block;margin-bottom:14px;font-weight:550}.modal input,.modal select{display:block;border:1px solid #e1e8ef;border-radius:8px;padding:12px;width:100%;margin-top:7px;color:var(--ink);outline:none;background:white}.modal input:focus{border-color:var(--blue)}.modal .primary{width:100%;margin-top:22px}.modal .choices{display:grid;gap:8px;margin-top:20px}.choice{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:9px}.choice:hover{background:#f4f8fc}.choice svg{color:var(--blue)}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#183b51;color:white;padding:13px 20px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:90}#toast.show{opacity:1;transform:translate(-50%,0)}.mobilemenu{display:none}.mobile-brand{display:none}.currency{font-variant-numeric:tabular-nums}.checkbox{display:flex!important;align-items:center;gap:8px}.checkbox input{width:16px;margin:0}.note{background:#f5f8fc;padding:13px;border-radius:9px;font-size:11px;color:var(--muted);line-height:1.8}.menu-row{width:100%;text-align:left;padding:15px;border-bottom:1px solid var(--line)}.menu-row:disabled{opacity:.4;cursor:default}.modal-close{font-size:22px;color:#8c9aa8}.blue{color:var(--blue)}
@media(min-width:1500px){.content{padding-top:42px}.balance{min-height:180px}.finance{padding:27px 30px}.shortcuts{margin:27px 0}}
@media(max-width:1150px){aside{width:200px;padding-left:13px;padding-right:13px}main{margin-left:200px}header{padding:0 26px}.content{padding:28px 26px}.shortcut{padding:0 15px;gap:9px}.lower-grid{grid-template-columns:1fr}.reminders{display:none}td,th{padding-left:18px;padding-right:18px}.brand strong{font-size:16px}.summary-strip{gap:25px;flex-wrap:wrap}}
@media(max-width:760px){aside{transform:translateX(-100%);transition:.2s;width:238px;box-shadow:15px 0 40px #1233}aside.open{transform:translateX(0)}main{margin:0}header{height:68px;padding:0 20px}.mobilemenu{display:grid;border:0;margin-right:8px}.breadcrumb{display:none}.mobile-brand{display:block;font-weight:700}.top-right{gap:12px}.demo{font-size:9px}.content{padding:23px 18px}.page-heading{margin-bottom:22px}h1{font-size:23px}.subtext{font-size:10px}.page-heading .primary{font-size:10px;padding:11px}.balance{padding:23px;min-height:175px;align-items:flex-start}.balance .amount{font-size:30px}.account-link{font-size:0;gap:0;padding:8px}.account-link svg{width:17px}.finance-grid{grid-template-columns:1fr}.finance{padding:20px 23px}.monthbar{margin-top:23px}.monthnav{gap:10px}.finance-total{font-size:27px}.shortcuts{grid-template-columns:repeat(2,1fr);padding:0}.shortcut{padding:18px;border-bottom:1px solid var(--line)}.shortcut:nth-child(2){border-right:0}.shortcut:nth-child(n+3){border-bottom:0}.lower-grid{display:block}.panel{overflow:auto}.panel-head{padding:20px}td,th{padding:13px 16px}td:nth-child(3),th:nth-child(3){display:none}.list-tools{flex-direction:column;padding:16px}.search{width:100%}.summary-strip{gap:22px;padding:22px}.summary-strip b{font-size:19px}.summary-strip small{font-size:10px}footer{line-height:1.6;font-size:9px;gap:20px}#toast{left:50%;width:max-content;max-width:90vw}.modal{padding:23px}.shop{margin-bottom:22px}.section-title{font-size:14px}}

.brandmark{background:transparent;width:43px;height:48px;border-radius:0}.brandmark img{width:43px;height:48px;object-fit:contain}.brand{gap:9px}.brand small{font-size:8px;letter-spacing:.65px;white-space:nowrap}.help .merchan-logo{width:43px;height:43px;object-fit:contain;display:block;margin-bottom:10px}.help b{font-family:Manrope,Arial,sans-serif;font-size:15px;letter-spacing:-.3px}.help .merchan-slogan{display:block;color:var(--green);font-size:11px;font-weight:600;margin:3px 0 7px}.mobile-brand img{width:29px;height:32px;object-fit:contain;vertical-align:middle;margin-right:7px}footer .footer-brand{display:flex;align-items:center;gap:7px}footer .footer-brand img{width:20px;height:23px;object-fit:contain}@media(max-width:760px){.mobile-brand{font-size:13px}}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at top,#e8f2ff,transparent 65%),#f5f8fb}.auth-card{width:100%;max-width:440px;padding:40px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #1747770a;text-align:center}.auth-logo{width:80px;height:85px;object-fit:contain;margin-bottom:18px}.auth-card h1{font-size:27px}.auth-card p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:13px}.auth-card .auth-slogan{color:var(--green);font-weight:600;margin:8px 0 22px}.auth-card form{margin-top:25px;text-align:left}.auth-card label{display:block;font-size:12px;margin:17px 0}.auth-card input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #dfe7ef;border-radius:8px;font:inherit;outline-color:var(--blue)}.auth-card .primary{width:100%;margin-top:20px}.auth-card .auth-foot{font-size:10px;margin-top:26px}.auth-card .negative{color:var(--red)}button:disabled{opacity:.55;cursor:wait}.modal details{margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:8px}.modal summary{font-size:12px;cursor:pointer;margin-bottom:12px}.summary-strip{gap:26px;flex-wrap:wrap}.summary-strip b{font-size:21px}.modal .summary-strip{padding:20px;margin-top:20px}.modal .summary-strip b{font-size:18px}#save-error{margin-top:16px;color:var(--red)}.brandmark img,.merchan-logo{content:url('logo.png')}
.finance-open{display:block;width:100%;padding:0 0 22px;text-align:left;border-radius:10px}.finance-open:hover{background:#f6fafc}.finance-open:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.finance-open .finance-top{display:flex}.finance-title{font-size:14px;font-weight:700}.finance-chevron{margin-left:auto;color:#aab8c7}.finance-open .finance-total,.finance-open .finance-note{display:block}.invoice-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.invoice-actions label{flex:1;min-width:150px}.invoice-actions .choice{border:1px solid var(--line);border-radius:9px;padding:10px 14px}.invoice-modal{width:min(1000px,95vw);max-width:1000px}.invoice-list-action{display:flex;justify-content:flex-end;margin:-10px 0 20px}.invoice-list-action .choice{border:1px solid var(--line);background:white;padding:12px;border-radius:10px}.invoice-preview{border:1px solid var(--line);border-radius:12px;padding:20px}.invoice-business{display:flex;align-items:center;gap:12px;margin-bottom:20px}.invoice-business img{width:52px;height:52px;object-fit:contain}.invoice-preview h2{font-size:20px}.invoice-table{overflow:auto;margin-top:18px}.invoice-table th,.invoice-table td{padding:12px 10px}.invoice-table td:nth-child(3),.invoice-table th:nth-child(3){display:table-cell}.invoice-table th{white-space:nowrap}.invoice-preview .summary-strip{padding:20px 0}.modal-top{position:sticky;top:0;background:white;z-index:2}.invoice-actions .primary{margin-top:0}
.import-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:22px 0}.import-actions a{display:inline-block;text-decoration:none;font-size:13px}.import-actions .choice{margin:0;padding:14px;border:1px solid var(--line);border-radius:10px}.import-actions input{max-width:100%}.import-errors{background:#fff1f1;color:#a93d42;padding:16px;margin-top:15px;border-radius:10px;line-height:1.6}.import-errors ul{padding-left:20px}#sales-import-result .invoice-table th:nth-child(3),#sales-import-result .invoice-table td:nth-child(3){display:table-cell}#sales-import-result details{margin:0;min-width:170px}#import-save-error{margin-top:14px}
.status.overdue{background:#fff0f0;color:#b63d46}.overdue-text{color:#b63d46!important}.overdue-notice{padding:14px 18px;margin:0 0 20px;border-radius:10px;background:#fff1f1;color:#a93e46;font-size:13px}.import-overdue-row{padding:18px 0;border-bottom:1px solid var(--line)}.import-overdue-row .invoice-actions{margin:14px 0 0}.tabs{flex-wrap:wrap}