@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#233936;background:#f4f6f5;font-synthesis:none;font-size:16px;--teal:#12695f;--deep:#133d38;--muted:#75817d;--line:#e3e9e6;--pink:#f7d6e4;--soft:#edf4f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;border-radius:9px;background:var(--teal);color:#fff;padding:12px 18px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#0d5048}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c65f91;outline-offset:3px}h1,h2,h3,.brand,.stat strong{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(1.65rem,2.4vw,2.15rem);font-weight:800;letter-spacing:-1px;line-height:1.25}h2{font-size:1.15rem;letter-spacing:-.35px}h3{font-size:1rem}p{color:#6b7b75;line-height:1.65;margin:10px 0}small{font-size:.8rem;color:#71807a;line-height:1.5}a{color:inherit}input,select,textarea{width:100%;border:1px solid #d6dfda;background:#fff;padding:11px 12px;border-radius:8px;color:#223d35;min-height:44px}textarea{resize:vertical;min-height:82px}.shell{display:flex;min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;padding:33px 22px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:1.5rem;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand-dot{color:#c36690;margin-left:-8px}.brand-mark{width:36px;height:36px;display:inline-grid;place-items:center;background:var(--teal);color:#fff;border-radius:10px;font-size:1.45rem;font-weight:800;box-shadow:4px 4px #f1c5da}.sidebar-caption{font-size:.65rem;font-weight:700;letter-spacing:1.8px;margin:44px 12px 14px;color:#87948f}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border-radius:8px;color:#73827d;font-size:.88rem;padding:12px 14px;text-align:left;font-weight:500}.nav-item>span{font-size:1.2rem;width:20px;line-height:1}.nav-item:hover{background:#f2f6f4;color:var(--deep)}.nav-item.current{background:#e7f1ed;color:#12695f;font-weight:700}.nav-item em{margin-left:auto;background:#d4e7df;border-radius:5px;padding:1px 7px;font-size:.72rem;font-style:normal}.sidebar-bottom{margin-top:auto;padding:24px 5px 0;display:flex;gap:12px;align-items:center}.sidebar-bottom b{font-size:.85rem}.sidebar-bottom small{display:block}.avatar{border-radius:50%;width:36px;height:36px;background:var(--pink);color:#8e4d6b;display:grid;place-items:center;font-weight:700}.workspace{margin-left:242px;width:calc(100% - 242px)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#fff;font-size:.85rem;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.date{color:#8c9692;font-size:.8rem}.secondary{background:#fff;color:#44645a;border-color:#dce4df}.secondary:hover{background:#edf3ef;color:#264b3f}.small-button{font-size:.8rem;padding:8px 12px;min-height:36px}.demo-banner{background:#fff4f8;border-bottom:1px solid #f3dce5;padding:9px 38px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.76rem;color:#87546a}.demo-banner label{display:flex;align-items:center;gap:8px;white-space:nowrap}.demo-banner select{width:auto;font-size:.75rem;padding:3px 8px;min-height:28px;background:transparent;border-color:#e8c5d4}.workspace main{padding:34px 38px 48px;max-width:1600px;margin:auto;min-height:75vh}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading p{font-size:.87rem;margin:10px 0 0}.eyebrow{font-size:.65rem!important;letter-spacing:1.9px!important;font-weight:700;color:#7c9188;margin:0 0 10px!important}.page-heading button{white-space:nowrap;font-size:.85rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:28px}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border:1px solid var(--line);border-radius:13px;background:#fff;padding:22px 21px;min-height:153px;display:flex;flex-direction:column;gap:12px}.stat>span{font-size:.8rem;color:#71817a}.stat strong{font-size:clamp(1.3rem,2vw,1.85rem);font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat small{font-size:.69rem}.stat.teal{background:var(--deep);border-color:var(--deep);color:#fff}.stat.teal>span,.stat.teal small{color:#b9d4ca}.stat.pink{background:#f7e4ec;border-color:#f7e4ec}.stat.pink>span,.stat.pink small{color:#9b6d80}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:24px;margin-bottom:24px}.dashboard-grid.equal{grid-template-columns:1fr 1fr;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;gap:16px}.section-head p{font-size:.78rem;margin:5px 0 0}.text-button{background:none!important;border:0;color:var(--teal);font-size:.85rem;text-align:left;padding:0;line-height:1.5;max-width:100%}.text-button:hover{text-decoration:underline}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.83rem}th{font-weight:500;color:#89958f;font-size:.7rem;background:#f9fbfa;border-bottom:1px solid var(--line);padding:13px 22px;white-space:nowrap}td{padding:16px 22px;border-bottom:1px solid #edf1ef;vertical-align:middle;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}td small{display:block;font-size:.68rem;margin-top:3px}td b{font-weight:600}.row-link{padding:0;background:none!important;color:#768b81;font-size:.75rem;white-space:nowrap}.row-link span{margin-left:7px}.badge{display:inline-block;font-size:.65rem;font-weight:600;border-radius:6px;padding:5px 8px;white-space:nowrap;background:#eef0f0;color:#708078}.badge.active,.badge.confirmed,.badge.settled{background:#e7f3ea;color:#398566}.badge.overdue,.badge.reversed,.badge.rejected{background:#fae8ee;color:#b95d7b}.badge.pending,.badge.provisional{background:#fff2da;color:#a28342}.focus-card{background:#f2d7e3;border:0;padding:27px 27px 24px;position:relative}.focus-card>.eyebrow{color:#a6778c}.focus-card h2{font-size:1.4rem;line-height:1.5;color:#644153}.focus-number{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:3.4rem;font-weight:800;letter-spacing:-2px;margin:24px 0 3px;color:#754b5e}.focus-number span{font-family:DM Sans,sans-serif;letter-spacing:0;font-size:.8rem;font-weight:400;max-width:80px;line-height:1.5;color:#976b80}.focus-card p{color:#91677a;font-size:.8rem}.focus-card button{margin:10px 0 18px;width:100%;font-size:.8rem;background:#764c60}.focus-note{border-top:1px solid #e7bfce;padding-top:15px;font-size:.71rem;line-height:1.6;color:#9c7586}.product-strip{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.product-strip p{font-size:.8rem;margin-bottom:0}.product-strip h3{font-size:1.05rem}.padded{padding:28px}.search{background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:9px;max-width:440px;margin-bottom:20px}.search input{border:0;font-size:.85rem}.search span{font-size:1.5rem;color:#8b9992}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:15px 22px;font-size:.75rem;border-top:1px solid var(--line)}.pagination span{margin-right:auto}.pagination button{font-size:.75rem;padding:7px 10px}.action-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.receipt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 24px;border-bottom:1px solid var(--line)}.receipt small{display:block}.receipt .text-button{font-size:.7rem;margin-top:12px}.receipt-arrow{display:grid;place-items:center;width:34px;height:34px;background:#edf4ef;border-radius:50%;color:var(--teal)}.receipt p{font-size:.85rem}.red{color:#b04f70!important}.green{color:#23805d}.readable{padding-left:20px;color:#728078;font-size:.88rem;line-height:1.8}.readable li{padding-bottom:8px}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:.85rem}.field>span{font-weight:600;color:#50675d}.field small{font-size:.74rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;line-height:1.6;margin:20px 0;color:#65796e}.checkbox input{width:18px;height:18px;min-height:0;flex-shrink:0;margin-top:4px;accent-color:var(--teal)}.hint{font-size:.8rem;color:#8a938d}.quote{padding:18px 20px;background:#edf5ef;border-radius:10px;display:grid;gap:10px;margin:20px 0;font-size:.85rem}.quote>span{display:flex;justify-content:space-between;gap:12px}.quote small{font-size:.76rem}.quote p{margin:0;font-size:.85rem}.empty{text-align:center;padding:42px 25px;color:#8ba195}.empty>span{font-size:2rem}.empty h3{margin:10px}.empty p{max-width:350px;margin:auto;font-size:.85rem}.error,.success{border-radius:8px;padding:13px 16px;margin-bottom:18px;font-size:.85rem;line-height:1.6}.error{background:#ffe8ee;color:#9d365c;display:flex;justify-content:space-between;gap:12px}.error button{background:transparent;padding:0;color:inherit}.success{background:#e0f4e9;color:#23704f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102f2c70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{max-height:92vh;overflow:auto;width:580px;max-width:100%;background:#fff;border-radius:18px;box-shadow:0 20px 80px #12392c22;padding:28px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-heading h2{font-size:1.4rem}.close-button{border:0;font-size:1.5rem;padding:4px 10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.modal-actions button{font-size:.85rem}.modal details{margin:15px 0;color:#87516c;font-size:.8rem}.modal details input{margin:10px 0}.login{max-width:400px;margin:12vh auto;padding:24px}.login .brand-mark{margin-bottom:25px;width:48px;height:48px}.login h1{font-size:1.9rem}.login form>button{width:100%;margin:12px 0}.login small{display:block}.mobile-toggle{display:none}pre{white-space:pre-wrap;max-width:350px;font-size:.73rem;overflow-wrap:anywhere}footer{padding:22px 38px;border-top:1px solid var(--line);font-size:.8rem;font-weight:700;color:#7d9287;display:flex;gap:16px;align-items:center}footer span{font-size:.7rem;font-weight:400;color:#a1aaa5}footer small{margin-left:auto;font-size:.68rem}@media (min-width:1450px){.workspace main{padding-top:44px}.stat{padding:25px}.page-heading{margin-bottom:34px}}@media (max-width:1150px){.sidebar{width:205px;padding:25px 14px}.workspace{margin-left:205px;width:calc(100% - 205px)}.workspace main{padding:28px 24px}.topbar,.demo-banner{padding-left:24px;padding-right:24px}.stats{gap:10px}.stat{padding:18px 14px}.stat strong{font-size:1.25rem}td,th{padding-left:14px;padding-right:14px}.dashboard-grid{gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.focus-card{padding:23px}.nav-item{font-size:.82rem}}@media (max-width:900px){.stats,.stats.three{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.equal{grid-template-columns:1fr}.focus-card{display:block}.focus-number{margin:12px 0}.focus-card button{width:auto}.page-heading{align-items:flex-start}.demo-banner{flex-wrap:wrap}.date{display:none}}@media (max-width:640px){.sidebar{transform:translate(-100%);transition:transform .2s;width:220px;box-shadow:10px 0 60px #102f2c18}.sidebar.opened{transform:translate(0)}.workspace{margin-left:0;width:100%}.topbar{height:64px;padding:0 18px;gap:12px;justify-content:flex-start}.top-actions{margin-left:auto;gap:5px}.top-actions button{font-size:.7rem}.mobile-toggle{display:block;padding:6px 10px}.workspace main{padding:24px 16px}.demo-banner{padding:10px 16px;font-size:.69rem}.demo-banner label{font-size:.7rem}.page-heading{flex-direction:column;gap:16px}.page-heading h1{font-size:1.7rem}.page-heading p{font-size:.8rem}.stats{gap:10px}.stat{min-height:133px;padding:16px 12px}.stat>span{font-size:.72rem}.stat strong{font-size:1.25rem}.stat small{font-size:.64rem}.section-head{padding:20px 16px}.section-head h2{font-size:1rem}.section-head .text-button{font-size:.75rem}.product-strip{padding:20px 16px;align-items:flex-start}.product-strip h3{font-size:.9rem}.stats.three{grid-template-columns:1fr}.stats.three .stat{min-height:110px}.modal{padding:22px 18px;border-radius:14px}.modal-backdrop{padding:10px}.form-grid{gap:0 12px}.modal-actions{position:sticky;bottom:-22px;background:#fff;padding:16px 0}.modal-heading h2{font-size:1.2rem}footer{padding:20px 16px;flex-wrap:wrap}footer span{display:none}footer small{font-size:.65rem}td,th{white-space:nowrap}.receipt p{white-space:normal}.padded{padding:22px}.pagination{padding:12px;font-size:.7rem}.pagination button{font-size:.65rem;padding:6px}.action-bar button{font-size:.8rem}}@media print{.sidebar,.topbar,.demo-banner,.action-bar,button,footer,.modal-backdrop{display:none!important}.workspace{margin:0;width:100%}.workspace main{padding:0}.card{overflow:visible;break-inside:avoid}.table-scroll{overflow:visible}.stats{grid-template-columns:repeat(3,1fr)}body{background:#fff}}.nav-backdrop{display:none}.workspace,.card,.stat,.field{min-width:0}.sidebar{overflow-y:auto}.stat strong{white-space:normal;overflow-wrap:anywhere}.table-scroll{overscroll-behavior-x:contain}.modal{max-height:92dvh}.sidebar>.mobile-toggle{margin-top:20px}@media (max-width:640px){.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;border-radius:0;background:#102f2c70}button,.small-button,.text-button,.row-link,.pagination button,.mobile-toggle{min-height:44px}input,select,textarea,.demo-banner select{font-size:16px;min-height:44px}.form-grid{grid-template-columns:minmax(0,1fr)}.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.top-actions,.section-head,.product-strip{flex-wrap:wrap}.demo-banner label{max-width:100%;white-space:normal;flex-wrap:wrap}.demo-banner select{max-width:100%}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px);overscroll-behavior:contain}.modal-actions{bottom:-22px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.quote>span{flex-wrap:wrap}.receipt{padding:16px}.sidebar-caption{margin-top:20px}}@media (max-width:380px){.stats{grid-template-columns:minmax(0,1fr)}.stat{min-height:110px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}