@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{color:#1c2938;background:#f7f8fa;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.shell{min-height:100vh;display:flex}.sidebar{color:#d4dce6;background:#172635;flex-direction:column;flex:none;width:248px;height:100vh;padding:28px 14px 20px;display:flex;position:sticky;top:0}.brand,.auth-brand{align-items:center;gap:11px;padding:0 13px;display:flex}.brand-icon{color:#fff;background:#e77e38;border-radius:12px;place-items:center;width:39px;height:39px;font:800 15px Manrope,sans-serif;display:grid;box-shadow:0 6px 14px #a74d1e55}.brand strong,.auth-brand strong{letter-spacing:-.5px;color:#fff;font:800 17px Manrope,sans-serif;display:block}.brand small,.auth-brand small{color:#93a4b4;margin-top:2px;font-size:11px;display:block}.nav-title{letter-spacing:1.6px;color:#72869a;margin:45px 15px 15px;font-size:10px;font-weight:800}.sidebar nav{gap:4px;display:grid}.nav-item{color:#aebccc;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.nav-item:hover{color:#fff;background:#26394b}.nav-item.active{color:#fff;background:#e77e38;box-shadow:0 5px 18px #a34e2430}.nav-count{background:#344a5d;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:11px}.side-bottom{border-top:1px solid #304153;margin-top:auto;padding-top:18px}.cash-indicator{color:#aebccc;background:#26394b;border-radius:9px;align-items:center;gap:9px;margin:0 7px 13px;padding:12px;font-size:12px;display:flex}.dot{background:#8999a7;border-radius:50%;width:8px;height:8px}.cash-indicator.on .dot{background:#4eca93}.workspace{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #ebedf0;justify-content:space-between;align-items:center;height:72px;padding:0 38px;display:flex}.crumb{color:#85909c;font-size:13px}.crumb span{color:#bbc3cb;padding:0 10px}.crumb strong{color:#29394a}.top-right{align-items:center;gap:20px;display:flex}.top-date{text-transform:capitalize;color:#83909e;font-size:12px}.avatar{color:#b86734;background:#f3e4d7;border-radius:50%;place-items:center;width:34px;height:34px;font:800 11px Manrope;display:grid}.content{max-width:1530px;margin:auto;padding:37px 40px 70px}.heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.eyebrow{color:#d87838;letter-spacing:1.8px;font-size:10px;font-weight:800}.heading h1,.auth-card h1{letter-spacing:-1.3px;margin:6px 0;font:800 29px Manrope,sans-serif}.heading p,.card-title p,.auth-card p,.settings-card p{color:#8b97a3;margin:0;font-size:13px}.primary,.secondary{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#e77e38;box-shadow:0 4px 10px #ca723526}.primary:hover{background:#d76b2b}.secondary{color:#344658;background:#fff;border:1px solid #dee4e9}.secondary:hover{background:#f5f7f9}.wide{width:100%}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat,.card{background:#fff;border:1px solid #e8edf1;border-radius:14px;box-shadow:0 2px 9px #25384c06}.stat{min-height:145px;padding:22px;position:relative}.stat>span:first-child{color:#81909d;font-size:12px;font-weight:600}.stat strong{letter-spacing:-1px;margin:16px 0 3px;font:800 25px Manrope;display:block}.stat small{color:#9aa6b0;font-size:11px}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:20px;right:20px}.orange{color:#e2772e;background:#fff0e5}.blue{color:#5683c5;background:#e9f1fc}.yellow{color:#d6a637;background:#fff4dd}.purple{color:#9871c7;background:#f0eafa}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{padding:23px}.card-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.card-title h2,.settings-card h2{letter-spacing:-.4px;margin:0 0 5px;font:800 16px Manrope}.text-button{color:#d57536;background:0 0;border:0;align-items:center;gap:4px;padding:5px;font-size:12px;font-weight:700;display:inline-flex}.text-button:hover{text-decoration:underline}.list{display:grid}.list-row{border-top:1px solid #f0f2f4;align-items:center;gap:12px;padding:13px 0;display:flex}.list-row:first-child{border-top:0}.list-row>div{flex:1;min-width:0}.list-row strong,.cart-line strong{font-size:12px;display:block}.list-row small,.cart-line small{color:#99a5ae;margin-top:4px;font-size:11px;display:block}.list-row b{font-size:12px}.circle-mark{color:#dd8648;background:#f8eee7;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.circle-mark.warn{color:#cf9b35;background:#fff4e5}.pill{white-space:nowrap;color:#677887;background:#f0f3f5;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700}.pill.good{color:#2a9a65;background:#e5f8ef}.pill.warn{color:#b9832d;background:#fff3df}.pill.neutral{color:#5878aa;background:#eaf1fb}.empty{text-align:center;color:#9aa5ae;padding:36px 12px;font-size:13px;line-height:1.6}.hint{color:#805d36;background:#fff5e9;border:1px solid #f6e4c8;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:12px;display:flex}.hint button{color:#c46c2f;background:0 0;border:0;font-weight:700}.pos-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.9fr);align-items:start;gap:20px;display:grid}.search{color:#a4b0ba;background:#fff;border:1px solid #e6ebef;border-radius:9px;align-items:center;gap:9px;min-width:220px;padding:0 12px;display:flex}.search input{color:#243546;border:0;outline:0;width:100%;min-width:0;height:39px;font-size:12px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.product-tile{text-align:left;background:#fff;border:1px solid #ebeff2;border-radius:11px;flex-direction:column;min-height:170px;padding:12px;display:flex}.product-tile:hover{border-color:#e8a777;box-shadow:0 4px 15px #b76d3119}.product-visual{color:#bdc8d0;background:#f7f8fa;border-radius:8px;place-items:center;height:64px;margin-bottom:10px;display:grid}.product-tile strong{font-size:12px;line-height:1.3}.product-tile small{color:#9da8b1;margin:4px 0 9px;font-size:10px}.product-tile b{color:#d87937;margin-top:auto;font-size:13px}.cart-items{min-height:110px;max-height:290px;overflow:auto}.cart-line{border-top:1px solid #f0f2f4;justify-content:space-between;padding:13px 0;display:flex}.cart-info{min-width:0}.cart-end{text-align:right;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.cart-end b{font-size:12px}.remove{color:#aab4bd;background:0 0;border:0;padding:3px}.qty{border:1px solid #e9eef2;border-radius:6px;align-items:center;margin-top:9px;display:inline-flex}.qty button{color:#536476;background:0 0;border:0;padding:4px}.qty span{text-align:center;min-width:22px;font-size:11px}.cart-bottom{border-top:1px solid #eef0f3;gap:13px;padding-top:18px;display:grid}.field-label{color:#667786;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.field{color:#283b4d;background:#fff;border:1px solid #dfe6eb;border-radius:8px;outline:none;width:100%;height:40px;padding:0 11px;font-size:12px}.field:focus{border-color:#e28342;box-shadow:0 0 0 3px #e283421a}textarea.field{resize:vertical;height:74px;padding:10px}.small-grid,.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.totals{border-top:1px dashed #dfe5e9;gap:9px;padding-top:12px;font-size:12px;display:grid}.totals>div,.summary-list>div{justify-content:space-between;display:flex}.totals span,.summary-list span{color:#8794a0}.totals .grand{border-top:1px solid #edf0f2;align-items:center;padding-top:12px;font-size:14px;font-weight:800}.grand strong{color:#d87838;font:800 20px Manrope}.table-tools{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.table-tools .search{width:330px;max-width:100%}.muted{color:#9aa6b0;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#95a2ad;text-transform:uppercase;letter-spacing:.8px;background:#f8f9fb;padding:13px 14px;font-size:10px}td{color:#657686;border-bottom:1px solid #eef1f3;padding:14px;font-size:12px}td b{color:#27384a;font-weight:700}td small.block{color:#a4afb9;margin-top:4px;display:block}.truncate-cell{text-overflow:ellipsis;max-width:220px;overflow:hidden}.cash-card{flex-direction:column;display:flex}.cash-balance{flex-direction:column;gap:6px;padding:19px 0 25px;display:flex}.cash-balance small{color:#93a0aa;font-size:11px}.cash-balance strong{font:800 27px Manrope}.cash-actions{gap:9px;margin-top:auto;display:flex}.summary-list{gap:18px;padding:9px 0;font-size:12px;display:grid}.spaced{margin-top:20px}.settings-card{max-width:550px}.settings-card p{margin:5px 0 22px;line-height:1.6}.settings-card form{gap:15px;display:grid}.settings-card button{justify-self:start}.modal-wrap{z-index:20;background:#10223399;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(100%,620px);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 20px 70px #10223344}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font:800 19px Manrope}.icon-button{color:#788998;background:0 0;border:0;padding:5px}.form-action{grid-column:1/-1;justify-self:end;margin-top:8px}.modal-note{color:#806548;background:#fff6ea;border-radius:8px;grid-column:1/-1;margin:0;padding:12px;font-size:12px}.error,.success{border-radius:8px;margin-bottom:14px;padding:11px 13px;font-size:12px}.error{color:#b8493a;background:#fff0ed}.success{color:#288b58;background:#e8f8ee;align-items:center;gap:8px;display:flex}.banner{justify-content:space-between;align-items:center;display:flex}.banner button{color:inherit;background:0 0;border:0;font-size:18px}.auth-page{background:radial-gradient(circle at 83% 12%,#395166 0,#0000 31%),#172635;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.auth-brand{margin-bottom:30px}.auth-brand .brand-icon{width:47px;height:47px}.auth-brand strong{font-size:22px}.auth-card{background:#fff;border-radius:18px;gap:15px;width:min(100%,430px);padding:38px;display:grid;box-shadow:0 24px 55px #07142052}.auth-card h1{margin:0}.auth-card p{margin:-6px 0 9px;line-height:1.6}.auth-card .muted{text-align:center;margin-top:4px;line-height:1.5}.auth-footer{color:#73899b;margin-top:26px;font-size:11px}.receipt h3{text-align:center;margin:0;font:800 19px Manrope}.receipt p{text-align:center;color:#81909c;font-size:11px;line-height:1.6}.receipt>div:not(.receipt-total){border-bottom:1px dashed #dde4e9;justify-content:space-between;padding:9px 0;font-size:12px;display:flex}.receipt-total{justify-content:space-between;padding:15px 0;font-weight:800;display:flex}.receipt-total strong{font-size:19px}.mobile-toggle,.mobile-scrim{display:none}@media (max-width:1100px){.stat-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.sidebar{z-index:12;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.mobile-open{transform:none}.mobile-scrim{z-index:11;background:#10223388;display:block;position:fixed;inset:0}.mobile-toggle{display:block}.topbar{padding:0 17px}.top-date{display:none}.content{padding:28px 17px}.pos-grid,.two-col{grid-template-columns:1fr}.heading h1{font-size:25px}}@media (max-width:550px){.stat-grid{gap:9px}.stat{min-height:125px;padding:15px}.stat strong{font-size:20px}.stat-icon{display:none}.heading{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px}.small-grid,.form-grid{grid-template-columns:1fr}.form-action{width:100%}.table-tools{flex-direction:column;align-items:flex-start}.auth-card{padding:27px}.topbar{height:60px}}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{color:#000;width:75mm;padding:6mm;position:absolute;top:0;left:0}.modal-wrap{background:#fff}}.brand-logo{object-fit:contain;background:#fff;border-radius:8px;flex:none;width:64px;height:48px;padding:3px}.auth-brand .brand-logo{width:86px;height:65px}.heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.report-date{color:#657686;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.report-date input{color:#283b4d;background:#fff;border:1px solid #dfe6eb;border-radius:8px;padding:8px}.brand-preview{color:#fff;background:#172635;border-radius:10px;align-items:center;gap:14px;width:max-content;max-width:100%;margin-bottom:14px;padding:15px;display:flex}.upload-button{cursor:pointer;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.brand-settings .text-button{margin-left:10px}@media (max-width:550px){.heading-actions{width:100%}.heading-actions .secondary{white-space:normal}.report-date{width:100%}}.brand,.auth-brand{text-align:center;flex-direction:column;align-items:center;padding:0 8px}.brand .brand-logo{object-fit:contain;background:#080c30;border-radius:12px;width:198px;max-width:100%;height:170px;padding:0}.auth-brand .brand-logo{object-fit:contain;background:#080c30;border-radius:14px;width:220px;height:180px;padding:0}.brand>div,.auth-brand>div{display:none}.sidebar .nav-title{margin-top:26px}.brand-preview .brand-logo{object-fit:contain;background:#080c30;width:92px;height:92px;padding:0}.brand-preview strong{display:none}.install-login{width:min(100%,430px);margin-top:16px}.install-login .install-section{color:#fff;background:#24384a;border-radius:12px;padding:16px 20px}.install-section h2{margin:0 0 5px;font:800 16px Manrope,sans-serif}.install-section p{color:inherit;margin:6px 0 10px;font-size:13px;line-height:1.5}.install-section .text-button{font-size:13px}.install-steps{border-top:1px solid #aab7c344;margin-top:10px;padding-top:8px}.install-card{margin-bottom:20px}.discount-box{background:#fff9f5;border:1px solid #ead7c8;border-radius:12px;margin:12px 0;padding:14px}.discount-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.discount-switch{border:1px solid #d8c3b4;border-radius:8px;display:inline-flex;overflow:hidden}.discount-switch button{color:#604b40;cursor:pointer;background:#fff;border:0;padding:7px 15px}.discount-switch button.active{color:#fff;background:#d97732}.discount-box small{color:#725b4d;margin-top:8px;display:block}.check-row{background:#fff9f5;border:1px solid #ead7c8;border-radius:10px;grid-column:1/-1;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.check-row input{accent-color:#d97732;width:18px;height:18px}.cart-entry{border-bottom:1px solid #ebe3de}.cart-entry .cart-line{border-bottom:0}.warranty-fields{background:#fff9f5;border:1px solid #ead7c8;border-radius:10px;margin:0 0 12px;padding:12px 15px 16px}.warranty-fields strong{margin-bottom:8px;display:block}.warranty-fields .field-label{margin-top:10px}.warranty-fields textarea{resize:vertical;min-height:76px}.cash-total{border-top:2px solid #dac6b8;padding-top:14px;font-weight:800}.close-breakdown{grid-column:1/-1;width:100%}.cash-difference{background:#f4f7fa;border-radius:9px;grid-column:1/-1;justify-content:space-between;gap:10px;padding:12px 14px;display:flex}
