@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Medium.ttf)format("truetype");font-weight:500 700;font-display:swap}@font-face{font-family:Gumela;src:url(/assets/fonts/GumelaBold.ttf)format("truetype");font-weight:700;font-display:swap}:root{color:#26362d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#26362d;--muted:#89928b;--line:#e9ede6;--surface:#fff;--canvas:#f6f8f3;--green:#2e6649;--green-dark:#214a35;--coral:#e97a5e;--shadow:0 14px 38px #23372812;font-optical-sizing:auto;background:#f6f8f3;font-family:Poppins,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2e664938}::selection{background:#c9e2d2}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#d9e3da;background:#203a2b;flex-direction:column;width:258px;padding:25px 16px 17px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-lockup{align-items:center;gap:11px;min-height:51px;margin:0 5px 30px;display:flex}.brand-lockup img{object-fit:cover;border:2px solid #ffffffb3;border-radius:50%;width:40px;height:40px}.brand-lockup div{gap:1px;display:grid}.brand-lockup strong{color:#fff;font:700 19px/1.1 Gumela,Poppins,sans-serif}.brand-lockup span{color:#a9bcae;letter-spacing:1px;font-size:9px}.branch-label{color:#90a996;letter-spacing:1.7px;margin:0 9px 18px;font-size:9px}.nav-group{margin-bottom:14px}.nav-group-label{color:#8ea593;margin:0 0 6px;padding:0 10px;font-size:10px;font-weight:500}.nav-link{color:#c2d0c5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;width:100%;height:39px;padding:0 11px;font-size:12px;transition:background .16s,color .16s;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff;background:#355b42}.nav-link.active svg{color:#e0a780}.active-mark{background:#e89a75;border-radius:4px 0 0 4px;width:3px;height:21px;position:absolute;top:9px;right:0}.sidebar-footer{color:#a7b9aa;align-items:center;gap:8px;margin:auto 6px 0;padding-top:18px;font-size:10px;display:flex}.status-dot,.count-dot{background:#6bba82;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6bba8221}.main-shell{min-height:100vh;margin-left:258px}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;height:68px;padding:0 38px;display:flex;position:sticky;top:0}.breadcrumb{color:#8b958d;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb strong{color:#334439;font-weight:500}.crumb-slash{color:#c0c8c0}.topbar-actions{align-items:center;gap:19px;margin-left:auto;display:flex}.branch-select{color:#59685d;background:#fff;border:1px solid #e8ece6;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.branch-select select{appearance:none;width:145px;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:11px}.icon-button{color:#617168;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid;position:relative}.icon-button:hover{border-color:var(--line);background:#f7f9f5}.notification-button i{background:#e77d61;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.user-avatar{color:#365844;background:#dce9dc;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:500;display:grid}.menu-trigger,.close-drawer{display:none}.page-content{width:min(100%,1530px);margin:0 auto;padding:39px 42px 32px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:#8b988d;letter-spacing:1.45px;font-size:9px;font-weight:500;display:block}.page-heading h1{color:#293a2f;letter-spacing:0;margin:7px 0 5px;font:700 30px/1.2 Gumela,Poppins,sans-serif}.page-heading p{color:#879188;margin:0;font-size:11px}.heading-period{color:#e98061}.heading-actions{gap:9px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:11px;font-weight:500;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:#2f6748}.button-primary:hover{background:#24583b}.button-primary:disabled{opacity:.55;cursor:not-allowed}.button-quiet{color:#536258;background:#fff;border-color:#e5eae3}.button-quiet:hover{background:#f8faf7;border-color:#c9d7c9}.dashboard-heading{align-items:center;margin-bottom:27px}.dashboard-heading h1{margin-top:10px;font-size:35px}.heading-badge{color:#617166;background:#fff;border:1px solid #e3ebe1;border-radius:4px;align-items:center;gap:9px;padding:9px 12px;font-size:10px;display:flex}.dashboard-controls{align-items:center;gap:17px;margin-bottom:18px;display:flex}.range-control{background:#fff;border:1px solid #e4eae2;border-radius:4px;padding:3px;display:inline-flex}.range-control button{color:#7f8981;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:29px;padding:0 12px;font-size:10px}.range-control button.range-active{color:#fff;background:#366a4b}.period-note{color:#8a938b;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.date-fields{color:#869188;align-items:center;gap:9px;font-size:10px;display:flex}.date-fields label{background:#fff;border:1px solid #e5eae3;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;display:flex}.date-fields input{color:#536258;border:0;width:112px;font-size:10px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.metric-card{min-height:150px;animation:.45s both rise-in;animation-delay:var(--card-delay);background:#fff;border:1px solid #e9ede7;border-radius:5px;padding:17px 17px 15px;position:relative;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.metric-top{color:#758178;justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-icon{border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.metric-mint .metric-icon{color:#36714e;background:#e9f3e8}.metric-coral .metric-icon{color:#d9775e;background:#fcf0eb}.metric-blue .metric-icon{color:#527d8d;background:#eaf2f4}.metric-gold .metric-icon{color:#a97d3d;background:#f8f1e4}.metric-value{color:#293a2f;margin-top:14px;font:700 23px/1.1 Gumela,Poppins,sans-serif;display:block}.metric-foot{color:#9aa29b;align-items:center;gap:5px;margin-top:12px;font-size:9px;display:flex}.metric-indicator{color:#62836b;align-items:center;gap:2px;display:inline-flex}.metric-coral .metric-indicator{color:#c57c65}.metric-line{border:1px solid #5b8f6624;border-radius:50%;width:118px;height:70px;position:absolute;bottom:-32px;right:-20px;transform:rotate(-22deg)}.metric-line:after{content:"";border:1px solid #5b8f661a;border-radius:50%;position:absolute;inset:9px 0 0 -12px}.dashboard-lower{grid-template-columns:1.04fr .96fr;gap:14px;margin-top:15px;display:grid}.overview-panel,.quick-panel{background:#fff;border:1px solid #e9ede7;border-radius:5px;min-height:256px;padding:20px 21px}.panel-heading{border-bottom:1px solid #eff1ed;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.panel-heading h2{color:#2e3d33;margin:5px 0 0;font:700 17px/1.2 Gumela,Poppins,sans-serif}.panel-date{color:#8a958c;align-items:center;gap:6px;font-size:10px;display:flex}.snapshot-list>div{border-bottom:1px solid #f0f2ee;grid-template-columns:36px 1fr auto 23px;align-items:center;gap:10px;min-height:55px;display:grid}.snapshot-list>div:last-child{border-bottom:0}.snapshot-icon,.quick-icon{border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.customers-icon{color:#38724f;background:#eaf3e9}.employees-icon{color:#bd765f;background:#fcf0eb}.branches-icon{color:#5f8290;background:#edf3f4}.snapshot-label{color:#6e7a71;font-size:11px}.snapshot-list strong{color:#34483a;font-size:12px;font-weight:500}.snapshot-arrow{color:#a2ada2}.quick-mark{color:#9aa69a}.quick-links button{color:#819087;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f0f2ee;align-items:center;gap:11px;width:100%;min-height:57px;padding:7px 1px;display:flex}.quick-links button:last-child{border-bottom:0}.quick-links button>span:nth-child(2){flex:1;gap:2px;display:grid}.quick-links button>svg{transition:transform .15s}.quick-links button:hover>svg{transform:translate(2px,-2px)}.quick-links strong{color:#35473b;font-size:11px;font-weight:500}.quick-links small{color:#97a098;font-size:9px}.invoice-quick{color:#b77c42;background:#f8f1e6}.stock-quick{color:#3b7652;background:#e9f3e9}.expense-quick{color:#c17661;background:#fbefeb}.dashboard-footer{color:#a2aaa3;justify-content:space-between;margin-top:29px;font-size:9px;display:flex}.dashboard-footer>span:first-child{letter-spacing:1.3px}.dashboard-footer i{background:#bbc4bb;border-radius:50%;width:3px;height:3px;margin:0 6px 2px;display:inline-block}.records-page{min-height:calc(100vh - 139px)}.table-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.search-field{color:#89968b;background:#fff;border:1px solid #e7ebe5;border-radius:4px;align-items:center;gap:10px;width:min(100%,340px);height:38px;padding:0 12px;display:flex}.search-field:focus-within{border-color:#9ab8a0}.search-field input{color:#3a4c40;background:0 0;border:0;outline:0;width:100%;font-size:11px}.search-field input::placeholder{color:#a2aaa3}.table-count{color:#8d988f;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.count-dot{width:6px;height:6px;box-shadow:none}.table-wrap{background:#fff;border:1px solid #e7ece5;border-radius:5px;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#f9faf7}th{color:#8b978c;border-bottom:1px solid #e9ede7;padding:13px 15px;font-size:9px;font-weight:500}td{color:#4f5f54;border-bottom:1px solid #eff1ed;padding:13px 15px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}.index-cell{color:#a4ada5;width:45px;font-size:9px}.action-cell{text-align:center;width:70px}.status-pill{border-radius:20px;padding:4px 8px;font-size:9px;display:inline-block}.status-good{color:#3f7952;background:#edf5eb}.status-neutral{color:#8a7553;background:#f7f2e9}.row-action{color:#75867a;cursor:pointer;background:#fff;border:1px solid #e9ede7;border-radius:4px;place-items:center;width:29px;height:29px;display:inline-grid}.row-action:hover{color:var(--green);background:#f3f8f2}.clickable-row{cursor:pointer}.loading-state,.empty-state{color:#859188;text-align:center;background:#ffffff9e;border:1px dashed #e1e8df;border-radius:5px;place-items:center;min-height:250px;font-size:11px;display:grid}.loading-state{justify-content:center;gap:11px;display:flex}.spinner{border:2px solid #dfe8df;border-top-color:#4a8059;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{flex-direction:column;gap:9px;display:flex}.empty-icon{color:#66836b;background:#edf4eb;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:1px;display:grid}.empty-state h2{color:#46564a;margin:0;font-size:14px;font-weight:500}.empty-state p{margin:0 0 6px;font-size:10px}.error-banner{color:#9b5748;background:#fff7f4;border:1px solid #f0d8d1;border-radius:4px;margin:0 0 12px;padding:10px 12px;font-size:10px}.error-banner button{color:#844c3e;cursor:pointer;background:0 0;border:0;margin-left:7px;text-decoration:underline}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a2a206e;place-items:center;padding:18px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border:1px solid #ffffffb3;border-radius:7px;width:min(100%,610px);max-height:min(90vh,780px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #11241733}.modal-compact{width:min(100%,460px)}.invoice-modal{width:min(100%,650px)}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.modal-heading h2{color:#304338;margin:5px 0 0;font:700 21px/1.2 Gumela,Poppins,sans-serif}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 13px;display:grid}.form-field{color:#67766a;gap:7px;margin-bottom:15px;font-size:10px;display:grid}.form-field>span{color:#667369}.form-field i{color:#dc765b;font-style:normal}.form-field input,.form-field select{color:#35483b;background:#fff;border:1px solid #e3e9e1;border-radius:4px;outline:0;width:100%;height:39px;padding:0 11px;font-size:11px}.form-field input:focus,.form-field select:focus{border-color:#83a88b}.branch-context{color:#8a958c;align-items:center;gap:7px;margin:2px 0 15px;font-size:10px;display:flex}.modal-actions{border-top:1px solid #edf0eb;justify-content:flex-end;gap:9px;margin-top:21px;padding-top:16px;display:flex}.invoice-products{border:1px solid #e9ede7;border-radius:4px;max-height:270px;margin:3px 0 18px;overflow-y:auto}.invoice-list-heading,.invoice-product-row{grid-template-columns:1fr 100px 62px;align-items:center;gap:8px;padding:9px 12px;display:grid}.invoice-list-heading{color:#8c978e;background:#f8faf6;font-size:9px;position:sticky;top:0}.invoice-product-row{color:#69766c;border-top:1px solid #edf0eb;min-height:53px;font-size:10px}.invoice-product-row>span:first-child{gap:2px;display:grid}.invoice-product-row strong{color:#45574a;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.invoice-product-row small{color:#9aa39b;font-size:9px}.invoice-product-row input{color:#405448;border:1px solid #e1e8df;border-radius:3px;width:54px;height:30px;padding:0 6px;font-size:10px}.inline-empty{color:#919b92;text-align:center;padding:20px;font-size:10px}.invoice-total{color:#768278;justify-content:space-between;align-items:center;padding:13px 0 2px;font-size:10px;display:flex}.invoice-total>span{flex-wrap:wrap;gap:8px;display:flex}.invoice-total i{color:#9aa39b;font-style:normal}.invoice-total strong{color:#315840;font:700 19px Gumela,Poppins,sans-serif}.details-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 22px;margin:0;display:grid}.details-list div,.detail-drawer dl div{border-bottom:1px solid #edf0eb;padding:11px 0}.details-list dt,.detail-drawer dt{color:#89958b;font-size:9px}.details-list dd,.detail-drawer dd{overflow-wrap:anywhere;color:#35483b;margin:4px 0 0;font-size:11px}.detail-drawer{z-index:12;width:min(360px,100vw - 32px);box-shadow:var(--shadow);background:#fff;border:1px solid #e5ebe3;border-radius:5px;padding:20px;animation:.18s both rise-in;position:fixed;top:85px;right:24px}.detail-top{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.detail-top h2{color:#304338;margin:5px 0 0;font:700 19px Gumela,Poppins,sans-serif}.detail-drawer dl{margin:0}.toast{z-index:60;color:#415a47;min-height:45px;box-shadow:var(--shadow);background:#fff;border:1px solid #dce9db;border-radius:4px;align-items:center;gap:10px;padding:0 12px;font-size:11px;animation:.18s both rise-in;display:flex;position:fixed;bottom:22px;right:25px}.toast-check{color:#fff;background:#4b8a5b;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.toast button{color:#78877b;cursor:pointer;background:0 0;border:0;place-items:center;width:25px;height:25px;margin-left:9px;display:grid}.sidebar-scrim{display:none}@media (width>=1500px){.page-content{padding-left:58px;padding-right:58px}.metrics-grid{gap:17px}}@media (width<=1100px){.sidebar{width:226px}.main-shell{margin-left:226px}.topbar{padding:0 25px}.page-content{padding:32px 26px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{z-index:40;width:min(286px,100vw - 46px);transition:transform .22s;transform:translate(-105%);box-shadow:15px 0 40px #0c1e1226}.sidebar.sidebar-open{transform:translate(0)}.sidebar-scrim.visible{z-index:35;background:#13241961;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{height:60px;padding:0 16px}.menu-trigger,.close-drawer{display:inline-grid}.breadcrumb{margin-left:5px;font-size:10px}.topbar-actions{gap:8px}.branch-select{gap:5px;padding:7px}.branch-select select{width:100px;max-width:27vw;font-size:10px}.notification-button{display:none}.page-content{padding:25px 17px 28px}.page-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:23px}.page-heading h1{font-size:27px}.dashboard-heading{flex-direction:row;align-items:center}.dashboard-heading h1{font-size:29px}.heading-badge{white-space:nowrap;padding:8px;font-size:9px}.dashboard-controls{flex-wrap:wrap;gap:10px}.period-note{margin-left:auto}.date-fields{order:3;width:100%}.date-fields label{flex:1}.date-fields input{width:100%;min-width:0}.metrics-grid{gap:9px}.metric-card{min-height:137px;padding:13px}.metric-value{font-size:19px}.metric-top{font-size:9px}.metric-icon{width:29px;height:29px}.dashboard-lower{grid-template-columns:1fr;gap:10px}.overview-panel,.quick-panel{min-height:auto;padding:17px}.dashboard-footer{margin-top:20px;font-size:8px}.heading-actions{width:100%}.heading-actions .button{flex:1}.table-toolbar{flex-direction:column;align-items:flex-start}.search-field{width:100%}.table-wrap{margin-right:-1px}.table-wrap table{min-width:650px}.records-page{min-height:calc(100vh - 110px)}.detail-drawer{top:auto;bottom:10px;right:10px}}@media (width<=430px){.user-avatar{width:28px;height:28px}.branch-select>svg:first-child{display:none}.branch-select select{max-width:29vw}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:26px}.heading-badge{gap:6px}.range-control{width:100%}.range-control button{flex:1;padding:0 8px}.period-note{margin-left:0}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:129px}.metric-value{font-size:17px}.metric-foot{gap:3px;font-size:8px}.form-grid,.details-list{grid-template-columns:1fr;gap:0}.modal-card{padding:19px}.invoice-list-heading,.invoice-product-row{grid-template-columns:1fr 70px 50px;padding-left:8px;padding-right:8px}.invoice-product-row input{width:45px}.toast{bottom:12px;left:12px;right:12px}}.invoice-paper{color:#26362d;background:#fff;padding:8px 4px}.invoice-paper-header{border-bottom:1px solid #dce4da;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;display:flex}.invoice-paper-header h1{color:#26362d;margin:5px 0 7px;font:700 22px/1.2 Gumela,Poppins,sans-serif}.invoice-paper-header p:not(.eyebrow){color:#69766d;margin:3px 0;font-size:9px}.invoice-paper-header img{object-fit:cover;border:1px solid #e7ede5;border-radius:50%;width:54px;height:54px}.invoice-paper-meta{grid-template-columns:1fr 1fr;gap:18px;padding:17px 0;display:grid}.invoice-paper-meta>div{align-content:start;gap:4px;display:grid}.invoice-paper-meta span{color:#89958b;text-transform:uppercase;font-size:8px}.invoice-paper-meta strong{color:#35483b;font-size:10px;font-weight:500}.invoice-paper-meta p{color:#68766c;margin:0;font-size:9px}.invoice-paper-table{white-space:normal;border:1px solid #dfe6dd;min-width:0}.invoice-paper-table th{color:#506255;background:#f1f5ef;padding:8px 6px;font-size:8px}.invoice-paper-table td{color:#47584b;padding:8px 6px;font-size:8px}.invoice-paper-totals{width:min(100%,280px);margin:15px 0 0 auto}.invoice-paper-totals>div{color:#68766c;border-bottom:1px solid #edf0eb;justify-content:space-between;gap:16px;padding:6px 3px;font-size:9px;display:flex}.invoice-paper-totals strong{color:#35483b;font-weight:500}.invoice-paper-totals .grand-total{color:#2e6649;font-size:11px;font-weight:500}.invoice-paper-totals .grand-total strong{color:#2e6649;font-weight:700}.invoice-paper-signatures{color:#59685d;justify-content:space-between;gap:30px;margin-top:54px;padding-top:8px;font-size:9px;display:flex}.invoice-paper-signatures span{border-top:1px solid #9ca89d;width:42%;padding-top:6px}@media print{@page{size:A4;margin:14mm}body *{visibility:hidden!important}.print-backdrop,.print-modal,.invoice-paper,.invoice-paper *{visibility:visible!important}.print-backdrop{background:#fff!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}.print-modal{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;position:static!important;overflow:visible!important}.print-screen-heading,.print-screen-actions{display:none!important}.invoice-paper{padding:0!important}.invoice-paper-table{width:100%!important}}.login-screen{min-height:100vh;color:var(--ink);background:#fff;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);display:grid}.login-brand-panel{color:#f3f5ed;background-color:#203a2b;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:38px 38px;flex-direction:column;min-height:100vh;padding:clamp(32px,6vw,78px);display:flex;position:relative;overflow:hidden}.login-brand-lockup{z-index:1;color:#fff;align-items:center;gap:13px;font-size:16px;font-weight:700;line-height:1.2;display:flex;position:relative}.login-brand-lockup img{object-fit:cover;border:2px solid #ffffffb3;border-radius:50%;width:48px;height:48px}.login-brand-lockup small{color:#b3c4b5;letter-spacing:1.8px;font-size:9px;font-weight:400}.login-brand-copy{z-index:1;width:min(100%,520px);margin:auto 0;padding:90px 0 120px;animation:.55s both rise-in;position:relative}.login-kicker{color:#e8a27e;letter-spacing:1.8px;font-size:10px}.login-brand-copy h1{color:#fff;letter-spacing:0;margin:18px 0;font:700 clamp(42px,5vw,68px)/1.05 Gumela,Poppins,sans-serif}.login-brand-copy p{color:#bfccbf;max-width:330px;margin:0;font-size:13px;line-height:1.8}.login-security{z-index:1;color:#b9c9bc;align-items:center;gap:9px;font-size:11px;display:flex;position:relative}.login-security svg{color:#d9a17b}.login-brand-mark{color:#ffffff09;letter-spacing:0;pointer-events:none;font:700 390px/1 Gumela,Poppins,sans-serif;position:absolute;bottom:-120px;right:-24px}.login-form-panel{background:#fafbf8;place-items:center;padding:40px;display:grid}.login-form{width:min(100%,390px);animation:.45s 80ms both rise-in}.login-form h2{color:#293a2f;margin:12px 0 7px;font:700 30px/1.2 Gumela,Poppins,sans-serif}.login-intro{color:#879188;margin:0 0 32px;font-size:12px}.login-type-control{background:#f2f5ef;border:1px solid #e4eae2;border-radius:4px;grid-template-columns:1fr 1fr;gap:3px;margin:0 0 22px;padding:3px;display:grid}.login-type-control button{color:#778379;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:34px;padding:0 8px;font-size:10px}.login-type-control button.login-type-active{color:#fff;background:#366a4b}.login-field{color:#58675d;gap:8px;margin:0 0 18px;font-size:11px;display:grid}.login-input-wrap{color:#8b988d;background:#fff;border:1px solid #e2e8df;border-radius:4px;align-items:center;gap:10px;height:46px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input-wrap:focus-within{border-color:#86a88d;box-shadow:0 0 0 3px #43774f1a}.login-input-wrap input{color:#33463a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.login-input-wrap input::placeholder{color:#a5aea6}.login-submit{color:#fff;cursor:pointer;background:#2f6748;border:0;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:45px;margin-top:10px;padding:0 15px;font-size:12px;transition:background .15s,transform .15s;display:flex}.login-submit:hover{background:#24583b}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{color:#9b5748;background:#fff7f4;border:1px solid #efd8d1;border-radius:4px;margin:0 0 12px;padding:10px 11px;font-size:10px}.login-footnote{color:#9aa39b;margin:19px 0 0;font-size:9px;line-height:1.6}.signout-button{cursor:pointer;border:0;position:relative}.signout-button svg{color:#fff;background:#587661;border-radius:50%;padding:2px;position:absolute;bottom:-2px;right:-3px}.branch-fixed{color:#496451}.branch-fixed span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.payment-invoice-summary{color:#849087;background:#f7f8f4;border-left:3px solid #d88b69;gap:4px;margin:0 0 15px;padding:11px 12px;font-size:9px;display:grid}.payment-invoice-summary strong{color:#35483b;font-size:11px;font-weight:500}.payment-invoice-summary small{color:#8d988f;font-size:9px}.product-drawer-image{object-fit:contain;background:#f4f6f1;border:1px solid #e7ece5;border-radius:4px;width:100%;max-height:180px;margin:0 0 12px;display:block}.detail-drawer dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;max-height:55vh;display:grid;overflow-y:auto}.trend-panel{background:#fff;border:1px solid #e9ede7;border-radius:5px;margin-top:15px;padding:20px 21px 15px}.chart-legend{color:#758178;align-items:center;gap:15px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:8px;height:8px}.product-table-image,.product-image-placeholder{color:#8b998d;object-fit:cover;background:#f4f6f1;border:1px solid #e7ece5;border-radius:4px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.product-image-field{color:#667369;gap:8px;margin:2px 0 15px;font-size:10px;display:grid}.product-image-editor{background:#fafbf8;border:1px solid #e8ece6;border-radius:4px;align-items:center;gap:13px;min-height:80px;padding:10px;display:flex}.product-image-editor>img,.product-image-editor>.product-image-placeholder{flex:0 0 60px;width:60px;height:60px}.product-image-editor>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.product-image-editor small{color:#929c93;flex-basis:100%;font-size:9px}.product-upload-button{position:relative;overflow:hidden}.product-upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.product-image-error{color:#a15245;margin:0;font-size:10px}.modal-subtitle{color:#8a958c;margin:6px 0 0;font-size:10px}.batch-sales-table{border:1px solid #e7ece5;border-radius:4px;overflow-x:auto}.batch-sales-table table{min-width:480px}.sales-key{background:#4b8c5c}.expenses-key{background:#df866b}.trend-chart{overflow-x:auto}.trend-columns{grid-auto-columns:minmax(35px,1fr);grid-auto-flow:column;gap:8px;min-width:max(100%,450px);padding:16px 0 2px;display:grid}.trend-column{text-align:center;grid-template-rows:112px 19px;gap:6px;min-width:0;display:grid}.trend-bars{background:repeating-linear-gradient(#0000 0 27px,#f1f3ef 28px);border-bottom:1px solid #e9ede7;justify-content:center;align-items:flex-end;gap:4px;height:112px;display:flex}.trend-bar{border-radius:2px 2px 0 0;width:min(13px,34%);min-height:0;transition:height .25s;display:block}.sales-bar{background:#4b8c5c}.expenses-bar{background:#df866b}.trend-column small{color:#929c93;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.trend-empty{color:#929c93;place-items:center;min-height:130px;font-size:10px;display:grid}@media (width<=760px){.login-screen{grid-template-columns:1fr}.login-brand-panel{min-height:230px;padding:22px 24px}.login-brand-lockup img{width:39px;height:39px}.login-brand-copy{margin:20px 0 14px;padding:0}.login-brand-copy h1{margin:9px 0 7px;font-size:31px}.login-brand-copy p{max-width:290px;font-size:10px}.login-security{font-size:9px}.login-brand-mark{font-size:240px;bottom:-96px;right:-4px}.login-form-panel{min-height:calc(100vh - 230px);padding:38px 22px}.login-form{width:min(100%,420px)}.trend-panel{padding:17px}.chart-legend{gap:9px}}