@import url('operations.css');
*{box-sizing:border-box} :root{--coffee:#402c23;--coffee-deep:#2c211b;--cream:#f8f6f2;--paper:#fff;--border:#e9e5df;--text:#302b27;--muted:#8c8780;--accent:#a87950;--green:#47755b;--soft-green:#eaf1e9;--shadow:0 5px 20px #37271606;font-family:'DM Sans',Arial,sans-serif;font-size:13px;color:var(--text);background:var(--cream)}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}svg{vertical-align:middle}input,select,textarea{min-width:0;max-width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;background:white;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #b18c6920}textarea{min-height:75px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--coffee)}.boot{height:100vh;display:grid;align-content:center;justify-items:center;gap:22px}.boot p{color:var(--muted)}.brand-word{font-family:Georgia,serif;font-size:41px;letter-spacing:-2px;font-weight:bold;line-height:.85}.brand-word span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:5.5px;text-align:center;margin-top:13px}.sidebar{width:218px;background:#fffdf9;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.sidebar-logo{height:109px;padding:31px 32px;color:var(--coffee);display:flex;align-items:center;gap:10px}.sidebar-logo .brand-word{font-size:36px}.sidebar-logo .brand-word span{font-size:7px;margin-top:10px;letter-spacing:5px}.workspace-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#a29a90;margin:15px 23px 10px}.nav-list{padding:0 12px;overflow:auto;scrollbar-width:thin}.nav-list button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:10px 13px;margin:2px 0;border-radius:7px;color:#7b756e;font-weight:500;font-size:12px;transition:.15s}.nav-list button:hover{background:#f3eee8;color:var(--coffee)}.nav-list button.active{background:var(--coffee);color:white;box-shadow:0 4px 9px #402c2317}.nav-list button .nav-count{margin-left:auto;background:#b4896720;padding:2px 6px;border-radius:4px;font-size:10px}.nav-list button.active .nav-count{background:#ffffff25}.nav-divider{height:1px;background:var(--border);margin:16px 23px}.sidebar-bottom{margin-top:auto;padding:16px 14px}.sidebar-promo{border:1px solid #e6dfd5;background:#f7f2e9;border-radius:9px;padding:13px;margin-bottom:16px}.sidebar-promo .small{font-size:10px;line-height:1.6;margin-top:5px;color:#938271}.sidebar-user{display:flex;align-items:center;gap:10px;padding:2px 7px}.sidebar-user strong{font-size:11px;display:block}.sidebar-user span{font-size:10px;color:var(--muted)}.avatar,.mini-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eee5d8;color:#8a6548;font-weight:600;flex-shrink:0}.logout{margin-left:auto;border:none;background:none;padding:4px;color:#a19588}.main{margin-left:218px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--border);background:#fffdf9;display:flex;align-items:center;justify-content:space-between;padding:0 31px;gap:15px}.breadcrumb{font-size:11px;color:#a49b90;display:flex;gap:12px;align-items:center}.breadcrumb strong{color:#5b5147;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.branch-control{display:flex;gap:8px;align-items:center}.branch-control select{padding:8px 25px 8px 3px;background:transparent;border:none;font-size:11px;font-weight:600;max-width:178px}.top-icon{position:relative;background:none;border:0;padding:4px;color:#85796c}.top-icon.dot:after{content:'';position:absolute;right:6px;top:4px;background:#aa7853;width:5px;height:5px;border:1px solid white;border-radius:50%}.topbar-divider{height:22px;width:1px;background:var(--border)}.online-pill{font-size:10px;color:var(--green);display:flex;align-items:center;gap:6px;white-space:nowrap}.online-pill .status-dot{width:5px;height:5px;background:#608263;border-radius:100%}.online-pill.offline{color:#a46e2f}.online-pill.offline .status-dot{background:#ba8c40}.content{padding:30px 32px 25px;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.page-heading h1{font-size:26px;letter-spacing:-.9px;font-weight:600;line-height:1.3}.page-heading p{color:var(--muted);font-size:11px;margin-top:6px}.heading-actions{display:flex;gap:9px;align-items:center}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;margin-bottom:8px}.btn{border:1px solid transparent;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.4;white-space:nowrap;transition:.15s}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-primary{background:var(--coffee);color:#fff}.btn-secondary{background:#fff;border-color:#e4dfd8;color:#65594b}.btn-ghost{background:transparent;color:var(--muted);padding:7px}.btn-danger{background:#a64b3f;color:white}.btn-sm{padding:7px 10px;font-size:10px}.muted{color:var(--muted)}.small{font-size:11px}.card{background:var(--paper);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.welcome-banner{display:flex;justify-content:space-between;align-items:center;border-radius:11px;overflow:hidden;background:var(--coffee);color:white;margin-bottom:23px;min-height:145px;padding:24px 27px;position:relative}.welcome-banner:before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.05' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}.welcome-banner .banner-copy{position:relative;z-index:1}.welcome-banner .eyebrow{color:#cbb298;font-size:8px;letter-spacing:2px}.welcome-banner h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.5px;margin:9px 0}.welcome-banner p{font-size:10px;color:#cbbeb1;line-height:1.7}.banner-graphic{position:absolute;width:300px;height:205px;right:70px;bottom:-28px;opacity:.82;transform:rotate(-12deg)}.banner-note{position:relative;align-self:flex-end;display:flex;gap:6px;align-items:center;font-size:8px;color:#d1bca7;z-index:1}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat-card{padding:19px 20px;background:white;border:1px solid var(--border);border-radius:9px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b8278;margin-bottom:13px}.stat-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;background:#f4efe8;color:#947253}.stat-card .stat-value{font-size:25px;letter-spacing:-.9px;font-weight:600}.stat-card .stat-foot{margin-top:9px;font-size:9px;color:#a09588;display:flex;gap:6px;align-items:center}.stat-foot .positive{color:var(--green);background:var(--soft-green);padding:2px 4px;border-radius:4px;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px;margin-bottom:22px}.card-header{padding:20px 21px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h3{font-size:12px;font-weight:600}.card-header p{font-size:9px;color:var(--muted);margin-top:5px}.chart-tabs{display:flex;background:#f6f4f0;padding:3px;border-radius:6px}.chart-tabs button{border:none;background:none;color:#9b9187;padding:5px 9px;font-size:9px;border-radius:4px}.chart-tabs button.active{background:white;box-shadow:0 1px 4px #00000009;color:#665342}.chart-legend{display:flex;gap:16px;font-size:8px;color:#9d948a;padding:18px 22px 5px}.legend-dot{width:5px;height:5px;display:inline-block;background:#a98b67;border-radius:50%;margin-right:5px}.chart-content{padding:10px 15px 15px;min-height:225px}.revenue-chart{width:100%;height:210px;overflow:visible}.chart-label{font-family:'DM Sans',sans-serif;fill:#afa59a;font-size:9px}.bestsellers{padding:16px 21px 8px}.bestseller{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f0ece7}.bestseller:last-child{border:0}.bestseller .rank{font-size:10px;color:#b7aa9a;width:10px}.product-thumb{width:39px;height:42px;border-radius:7px;object-fit:cover;background:#f2ece4}.bestseller strong{font-size:10px;font-weight:600;display:block}.bestseller p{font-size:8px;color:#aaa094;margin-top:4px}.bestseller .seller-amount{margin-left:auto;text-align:right;font-size:10px;font-weight:600}.seller-amount span{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:4px}.recent-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px}.card-link{border:0;background:none;font-size:9px;color:#947354;display:flex;align-items:center;gap:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;color:#a3988b;font-weight:500;padding:13px 18px;border-bottom:1px solid var(--border);background:#fcfbf9;white-space:nowrap}td{padding:13px 18px;border-bottom:1px solid #f0ede8;font-size:10px;vertical-align:middle}tr:last-child td{border-bottom:0}.order-number{font-weight:600;color:#796149}.badge{border-radius:5px;padding:4px 7px;font-size:8px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-weight:500}.badge-success{background:#edf2e9;color:#6b845a}.badge-warning{background:#fbf2de;color:#ae8a37}.badge-neutral{background:#f2eeea;color:#978675}.badge-danger{background:#f9eae7;color:#b66b5a}.branch-list{padding:15px 21px}.branch-item{display:flex;align-items:center;gap:10px;padding:12px 0}.branch-marker{height:32px;width:32px;border-radius:7px;background:#f3eee6;display:grid;place-items:center;color:#9c7957}.branch-item strong{font-size:10px;font-weight:600;display:block}.branch-item .branch-note{font-size:8px;color:#aaa095;margin-top:4px}.branch-item .branch-sales{margin-left:auto;font-size:11px;font-weight:600}.branch-item .progress{height:3px;margin-top:6px;background:#eee8df;width:68px;border-radius:2px}.progress span{display:block;background:#af906d;height:100%;border-radius:2px}.workspace-footer{display:flex;justify-content:space-between;align-items:center;color:#b0a69a;font-size:8px;margin-top:24px;padding-bottom:3px}.workspace-footer>span{display:flex;gap:5px;align-items:center}.demo-banner{background:#eee3d3;padding:8px 24px;color:#80664b;text-align:center;font-size:10px;display:flex;justify-content:center;gap:10px;align-items:center}.demo-banner button{background:transparent;border:0;text-decoration:underline;font-size:10px;color:#6a4a30}.offline-banner{background:#fcf0d8;border-bottom:1px solid #eee0c8;color:#a17a3b;font-size:10px;padding:9px 32px;display:flex;gap:8px;align-items:center}.mobile-menu{display:none}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 337px;gap:23px;align-items:start}.pos-menu{min-width:0}.search-input{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:white;border-radius:8px;padding:0 12px}.search-input input{border:0;width:100%;padding:12px 0;font-size:11px;background:none;outline:0}.search-input svg{color:#a89c8c}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.tab{border:1px solid var(--border);background:white;border-radius:7px;padding:9px 13px;font-size:10px;white-space:nowrap;color:#9b8d7e}.tab.active{background:var(--coffee);border-color:var(--coffee);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:.2s;text-align:left;padding:0;position:relative}.product-card:hover{transform:translateY(-3px);box-shadow:0 7px 19px #4a2d1812;border-color:#ccb69b}.product-card .product-image{height:146px;width:100%;object-fit:cover;display:block;background:#eee5db}.product-category{font-size:8px;color:#b0a18e;text-transform:uppercase;letter-spacing:.7px}.product-info{padding:12px 13px 14px}.product-info h3{font-size:11px;font-weight:600;margin:6px 0 12px}.product-info .price{font-size:12px;font-weight:600;color:#8d6846}.product-add{position:absolute;bottom:13px;right:12px;width:24px;height:24px;border-radius:6px;background:#f4eee6;display:grid;place-items:center;color:#a57c56}.cart-panel{position:sticky;top:20px}.cart-head{padding:19px 19px 0;display:flex;justify-content:space-between;align-items:center}.cart-head h3{font-size:13px}.cart-type{margin:16px 18px 0;display:flex;background:#f5f1eb;border-radius:6px;padding:3px}.cart-type button{border:0;background:none;color:#a0968a;border-radius:4px;flex:1;font-size:10px;padding:7px 4px}.cart-type button.active{background:white;color:var(--coffee);box-shadow:0 1px 4px #00000008}.cart-fields{display:flex;gap:8px;margin:12px 18px}.cart-fields input,.cart-fields select{width:100%;padding:9px;font-size:10px}.cart-items{padding:3px 18px;max-height:345px;overflow:auto;min-height:140px}.cart-empty{text-align:center;padding:30px 10px;color:#a79b8e;font-size:11px}.cart-empty svg{margin-bottom:14px;opacity:.5}.cart-line{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #eee9e2}.cart-line>div{flex:1}.cart-line strong{font-size:10px;font-weight:600;display:block}.cart-line p{font-size:8px;color:#a99a8c;margin-top:5px}.cart-line .line-price{font-size:10px;flex:0;white-space:nowrap}.qty-control{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:10px}.qty-control button{height:20px;width:20px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:white;padding:0;font-size:12px}.cart-remove{border:0;background:none;padding:0;color:#beaa96;font-size:9px;margin-left:auto}.cart-note{padding:12px 18px;border-bottom:1px dashed #e5ddd3}.cart-note input{width:100%;font-size:10px;border:none;background:#fbf9f5}.cart-totals{padding:16px 19px;display:grid;gap:10px;font-size:10px;color:#9b8b7b}.cart-totals>div{display:flex;justify-content:space-between}.cart-totals .grand-total{border-top:1px solid var(--border);padding-top:13px;color:var(--coffee);font-weight:600;font-size:16px}.cart-checkout{padding:0 18px 18px;display:grid;gap:9px}.cart-checkout .btn{width:100%}.cart-meta{font-size:8px;text-align:center;color:#b1a18d;display:flex;align-items:center;justify-content:center;gap:4px}.modal-backdrop{position:fixed;inset:0;background:#241a1355;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:540px;max-width:100%;max-height:90vh;background:white;border-radius:13px;box-shadow:0 20px 70px #22160e30;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.modal-head button{border:0;background:none;color:#a49687;font-size:22px;line-height:1}.modal-body{padding:23px 24px}.modal-footer{padding:15px 24px;display:flex;gap:9px;justify-content:flex-end;background:#fcfaf7;border-top:1px solid var(--border)}.modal-error{color:#a84c3d;font-size:11px;padding:12px;border-radius:5px;background:#f9efed;margin-top:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px}.field label,label.field{font-size:10px;color:#998672}.field input,.field select,.field textarea{width:100%}.field-full{grid-column:1/-1}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{padding:10px 14px;border:1px solid var(--border);border-radius:7px;display:flex;gap:7px;font-size:11px;cursor:pointer;align-items:center}.choice:has(input:checked){background:#f4eee4;border-color:#bfa17c;color:#8d6743}.modifier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modifier-option{padding:11px;border:1px solid var(--border);border-radius:7px;display:flex;gap:8px;font-size:10px;align-items:center}.modifier-option span{margin-left:auto;color:#a78969}.product-modal-hero{display:flex;gap:16px;align-items:center;margin-bottom:23px}.product-modal-hero img{width:85px;height:85px;object-fit:cover;border-radius:10px}.product-modal-hero h3{font-size:17px;margin-bottom:8px}.product-modal-hero p{font-size:12px;color:#9c7954}.checkout-total{font-family:Georgia,serif;font-size:38px;text-align:center;color:var(--coffee);margin:6px 0 9px}.checkout-caption{text-align:center;font-size:10px;color:var(--muted);margin-bottom:25px}.tender-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.tender-row select{flex:1}.tender-row input{width:135px}.quick-cash{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 20px}.quick-cash button{background:#faf6ef;border:1px solid var(--border);border-radius:6px;padding:7px 12px;color:#94724d;font-size:10px}.payment-summary{margin-top:15px;padding:14px;background:#f7f4ee;border-radius:7px;display:flex;justify-content:space-between;color:#8e775d;font-size:11px}.toast{position:fixed;bottom:25px;right:25px;z-index:200;padding:14px 20px;border-radius:9px;background:var(--coffee);color:#fff;box-shadow:0 6px 25px #201b1220;font-size:12px;max-width:430px;animation:toastIn .2s ease}.toast.error{background:#9c4f40}.toast.success{background:#42654e}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}.empty-state{text-align:center;padding:45px 20px;color:#a69480}.empty-state h3{font-size:14px;color:#78624c;margin:12px 0 7px}.empty-state p{font-size:11px;line-height:1.8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section-title{font-size:13px;font-weight:600;margin-bottom:16px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fffdf9}.auth-art{background:var(--coffee);color:#f8f1e7;padding:54px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-art:after{content:'';width:550px;height:550px;border:1px solid #bba18525;border-radius:50%;position:absolute;bottom:-180px;right:-150px;box-shadow:0 0 0 60px #bba18505,0 0 0 120px #bba18505}.auth-art .brand-word{font-size:46px;align-self:flex-start}.auth-art .brand-word span{font-size:9px}.auth-tagline{margin:auto 0 45px;position:relative;z-index:1}.auth-tagline .eyebrow{color:#c6ab8d}.auth-tagline h1{font-family:Georgia,serif;font-size:47px;font-weight:400;letter-spacing:-1.5px;line-height:1.17;margin:20px 0}.auth-tagline p{font-size:12px;line-height:1.9;color:#c7b7a5;max-width:300px}.auth-art small{color:#b49b83;font-size:10px}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:350px;max-width:100%}.auth-form .eyebrow{font-size:9px}.auth-form h2{font-size:27px;font-weight:600;letter-spacing:-1px;margin:10px 0}.auth-form>p{color:#a09180;font-size:11px;line-height:1.8;margin-bottom:30px}.auth-form .btn{width:100%;padding:13px}.auth-divider{display:flex;align-items:center;gap:14px;margin:23px 0;color:#b5aa9e;font-size:9px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--border);flex:1}.auth-hint{font-size:9px;text-align:center;color:#b5a99a;margin-top:20px;line-height:1.8}.setup-check{font-size:10px;color:#a08a72;display:flex;gap:8px;align-items:flex-start;line-height:1.7;margin:20px 0}.receipt{font-family:monospace;font-size:12px;color:#111}.receipt .receipt-logo{font-family:Georgia,serif;font-size:33px;letter-spacing:-2px;text-align:center}.receipt .receipt-center{text-align:center;line-height:1.7;margin:8px}.receipt hr{border:0;border-top:1px dashed #aaa;margin:15px 0}.receipt table td{padding:6px 0;font-size:12px}.receipt-total{display:flex;justify-content:space-between;font-size:16px;font-weight:bold}.sync-item{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.sync-item .sync-info{flex:1}.sync-item strong{font-size:12px;display:block}.sync-item small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.sync-item .error-text{color:#b86e57;font-size:10px;margin-top:5px}.notice{padding:13px 16px;background:#fbf2e3;border:1px solid #eee3ce;border-radius:8px;color:#9e8056;font-size:11px;line-height:1.7;margin-bottom:20px}.notice.info{background:#f0f3ef;border-color:#e1e8dd;color:#75836c}.inline-form{display:flex;gap:12px;align-items:center}.report-metric{padding:22px}.report-metric strong{font-size:23px;display:block;margin:10px 0}.info-label{font-size:10px;color:var(--muted)}.icon-btn{border:1px solid var(--border);background:white;border-radius:6px;padding:7px;display:inline-flex;align-items:center;justify-content:center}.field-row{display:flex;gap:10px}.stack{display:grid;gap:15px}.span-all{grid-column:1/-1}.text-right{text-align:right}.status-light{width:6px;height:6px;border-radius:50%;background:#6d8b61;display:inline-block}.date-control{font-size:10px;padding:9px 12px;display:flex;gap:8px;align-items:center;color:#8b7a67;border:1px solid var(--border);border-radius:7px;background:white}.demo-dot{height:5px;width:5px;background:#ad885c;border-radius:50%;display:inline-block}.checkbox-label{display:flex;gap:7px;align-items:center;font-size:10px;line-height:1.7}.print-only{display:none}@media(min-width:1550px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card .product-image{height:170px}}@media(max-width:1150px){.sidebar{width:190px}.main{margin-left:190px}.content{padding:24px}.topbar{padding:0 24px}.stats-row{gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:22px}.dashboard-grid,.recent-grid{grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr)}.pos-layout{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.product-grid{grid-template-columns:repeat(2,1fr)}.welcome-banner h2{font-size:25px}.banner-graphic{right:25px}.auth-art{padding:40px}.auth-tagline h1{font-size:40px}}@media(max-width:900px){.sidebar{width:176px}.main{margin-left:176px}.top-actions{gap:10px}.topbar{padding:0 20px}.content{padding:22px 20px}.dashboard-grid,.recent-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.banner-note{display:none}.pos-layout{grid-template-columns:1fr 280px}.product-grid{gap:9px}.product-card .product-image{height:110px}.product-info{padding:10px}.product-info h3{font-size:10px}.product-add{right:9px;bottom:10px}.grid-3{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:.9fr 1fr}.auth-art{padding:35px}.auth-tagline h1{font-size:34px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:218px;transition:.2s;box-shadow:4px 0 35px #0001}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:inline-flex;background:none;border:0;padding:0;color:var(--coffee)}.topbar{height:62px;padding:0 17px}.breadcrumb{display:none}.top-actions{gap:12px;width:100%;justify-content:flex-end}.topbar-divider{display:none}.top-icon{display:none}.branch-control select{max-width:155px;font-size:10px}.content{padding:22px 17px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.date-control{display:none}.welcome-banner{padding:22px;min-height:146px}.welcome-banner h2{font-size:25px;max-width:200px}.welcome-banner p{max-width:210px}.banner-graphic{right:-48px;width:230px;opacity:.6}.stats-row{gap:11px}.stat-card .stat-value{font-size:22px}.dashboard-grid,.recent-grid{gap:16px;margin-bottom:16px}.workspace-footer span:last-child{display:none}.pos-layout{display:flex;flex-direction:column}.pos-menu,.cart-panel{width:100%}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card .product-image{height:110px}.product-info h3{font-size:10px;min-height:24px;margin-bottom:6px}.product-add{width:20px;height:20px}.cart-panel{position:static}.cart-items{max-height:none}.toolbar{flex-wrap:wrap}.grid-2,.grid-3{grid-template-columns:1fr}.auth-layout{display:block}.auth-art{padding:35px 30px 25px;min-height:250px}.auth-art .brand-word{font-size:30px}.auth-art .brand-word span{font-size:6px;letter-spacing:4px;margin-top:9px}.auth-tagline{margin:25px 0 0}.auth-tagline .eyebrow{display:none}.auth-tagline h1{font-size:30px;line-height:1.15;margin:0 0 8px;max-width:340px}.auth-tagline p{font-size:10px;max-width:300px}.auth-art small{display:none}.auth-form-side{padding:35px 30px}.auth-form h2{font-size:24px}.heading-actions .btn{font-size:10px;padding:8px 10px}.topbar .avatar{width:28px;height:28px;font-size:10px}.demo-banner{font-size:9px;padding:8px 12px;gap:5px}.modal-backdrop{padding:12px}.modal-body{padding:20px}.modal-head{padding:18px 20px}.modal-head h2{font-size:16px}.form-grid{gap:12px}.toast{right:15px;left:15px;bottom:15px;max-width:none}.chart-content{min-height:210px}.branch-list{padding-top:8px}.table-wrap td,.table-wrap th{padding:12px}.page-heading .eyebrow{font-size:8px}}@media print{body>*{display:none!important}body>#print-area{display:block!important;width:78mm;padding:5mm;background:white}body{background:white}#print-area .receipt table{width:100%}#print-area .receipt td{font-size:10px}#print-area .receipt{font-size:10px}.receipt-logo{font-size:28px!important}@page{size:80mm auto;margin:0}}
/* Official Festino identity, sourced from festinocoffee.com. */
@font-face{font-family:Manrope;src:url('fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Archivo;src:url('fonts/archivo-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Archivo;src:url('fonts/archivo-800.ttf') format('truetype');font-weight:800;font-display:swap}:root{--coffee:#b62320;--coffee-deep:#2b1c1d;--cream:#f7f7ef;--text:#2b1c1d;--accent:#b62320;--font-display:Archivo,Arial,sans-serif;font-family:Manrope,Arial,sans-serif}.brand-word{font-family:Archivo,Arial,sans-serif;letter-spacing:2px;font-size:33px;font-weight:800;text-transform:uppercase}.brand-word span{font-family:Archivo,Arial,sans-serif;font-size:9px;letter-spacing:6px;font-weight:500;margin-top:9px}.sidebar-logo{padding:30px 25px}.sidebar-logo .brand-word{font-size:27px;letter-spacing:2px}.sidebar-logo .brand-word span{font-size:7px;letter-spacing:5px}.sidebar{background:#fffef9}.sidebar-promo{background:#f3f1df;border-color:#e7e5ce}.welcome-banner{background:#b62320}.welcome-banner .eyebrow{color:#edc2b8}.welcome-banner h2{font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:29px;letter-spacing:-1.1px}.welcome-banner p{color:#efc9bd}.welcome-banner .banner-note{color:#f0cabb}.banner-photo{position:absolute;right:0;top:0;bottom:0;width:42%;background-image:linear-gradient(90deg,var(--coffee),transparent 50%),url('images/festino-truck.webp');background-size:cover;background-position:center 51%;opacity:.85}.stat-icon{background:#f9efea;color:#b62320}.stat-foot .positive{background:#eef1e5}.chart-label{font-family:Manrope,sans-serif}.legend-dot{background:#b62320}.branch-marker{background:#f8eee6;color:#b62320}.product-info .price{color:#b62320}.product-add{background:#f9eee5;color:#b62320}.auth-art{background:#b62320}.auth-art .brand-word{font-size:39px}.auth-tagline h1{font-family:Archivo,Arial,sans-serif;font-size:44px;font-weight:700;letter-spacing:-1.5px}.auth-tagline p{color:#f4cec2}.auth-art small,.auth-tagline .eyebrow{color:#edbaac}.auth-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#b62320 15%,#b6232000 80%),url('images/festino-handcup.webp') center/cover;opacity:.23}.auth-art>.brand-word,.auth-art>small{z-index:1}.auth-form .eyebrow{color:#b62320}.receipt .receipt-logo{font-family:Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:27px}.cart-type button.active{color:#b62320}.choice:has(input:checked){background:#fbefea;border-color:#cb8273;color:#b62320}.brand-mini{width:31px;height:31px;border-radius:8px}.product-details-label{font-size:10px;color:#9a8772;margin-bottom:9px;display:block}.view-all{padding:11px 21px;border-top:1px solid var(--border);width:100%;font-size:9px;color:#a18d72;background:transparent;display:flex;justify-content:center;gap:5px;align-items:center;border-left:0;border-right:0;border-bottom:0}.kitchen-items li>strong{color:#b62320}.branch-card-art{background:#f1f0df;color:#b62320}.payment-report-row .progress i{background:#b62320}@media(max-width:700px){.welcome-banner h2{font-size:25px}.banner-photo{width:50%;opacity:.65}.auth-tagline h1{font-size:31px}.auth-art .brand-word{font-size:27px}.auth-art .brand-word span{font-size:6px}}

.mobile-cart-bar{display:none}@media(max-width:700px){.mobile-cart-bar{position:fixed;bottom:13px;left:16px;right:16px;width:calc(100% - 32px);display:flex;align-items:center;gap:10px;background:var(--coffee);color:white;border:1px solid #ffffff20;box-shadow:0 5px 22px #2b1c1d28;padding:14px 16px;border-radius:10px;z-index:40;font-size:11px}.mobile-cart-bar strong{margin-left:auto;font-size:12px}.pos-layout{padding-bottom:60px}.cart-panel{scroll-margin-top:15px}}
.nav-list{min-height:0}.nav-list button{gap:10px}.nav-list button>span:not(.nav-count){white-space:nowrap}.nav-list .nav-count{flex-shrink:0}@media(max-height:850px) and (min-width:701px){.sidebar-promo{display:none}.sidebar-logo{height:91px;min-height:91px}.sidebar-bottom{padding:13px}.nav-list button{padding:8px 11px;font-size:11px}.workspace-label{margin-top:8px}.nav-divider{margin:10px 18px}.sidebar-user strong{font-size:10px}.sidebar-user span{font-size:9px}}

.location-sharing-btn{display:flex;gap:7px;align-items:center;width:100%;border:1px solid var(--border);border-radius:7px;background:#f7f6ee;padding:9px;color:#8c7862;font-size:9px;margin-bottom:12px;text-align:left}.location-sharing-btn:hover{color:var(--coffee);border-color:#d4b6a7}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}
.cart-fields:has(#dining-table-choice){flex-wrap:wrap}.cart-fields:has(#dining-table-choice) #dining-table-choice{flex:1 0 100%;width:100%}.cart-fields:has(#dining-table-choice) input,.cart-fields:has(#dining-table-choice) select:not(#dining-table-choice){flex:1;min-width:0;width:0}@media(min-width:701px){.cart-panel{max-height:calc(100vh - 40px);overflow:auto}}