@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;margin:0;padding:0}:root{--bg-main:#eef2f5;--bg-white:#fff;--text-dark:#333;--text-gray:#777;--border-color:#dcdfe3;--primary-color:#1a5c78;--green-btn:#34a853;--red-btn:#ea4335;--teal-btn:#8cbab9;--hover-gray:#f5f5f5}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-dark);overflow:hidden}.app-container{flex-direction:column;width:100%;height:100vh;display:flex}.top-header{background-color:var(--primary-color);color:#fff;z-index:20;justify-content:space-between;align-items:center;height:45px;padding:0 20px;display:flex;box-shadow:0 2px 4px #0000001a}.header-user{align-items:center;gap:15px;font-size:13px;display:flex}.operator-tag{background:#ffffff26;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;display:flex}.btn-lock-pos{color:#fcc;cursor:pointer;background:#ea433533;border:1px solid #ea433566;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-lock-pos:hover{background:var(--red-btn);color:#fff}.sync-status{align-items:center;gap:5px;font-size:12px;display:flex}.header-logo{text-transform:uppercase;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.header-title h2{letter-spacing:1px;font-size:14px;font-weight:500}.pos-app{flex-grow:1;width:100%;display:flex;overflow:hidden}.modules-sidebar{border-right:1px solid var(--border-color);z-index:10;background-color:#e4e9ed;flex-direction:column;width:80px;min-width:80px;display:flex}.module-btn{color:var(--text-dark);cursor:pointer;border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:20px 0;transition:background .2s;display:flex}.module-btn:hover{background-color:var(--bg-white)}.module-btn.active{background-color:var(--bg-white);border-left:4px solid var(--primary-color);font-weight:700}.module-btn i{margin-bottom:8px;font-size:20px}.module-btn span{writing-mode:vertical-rl;letter-spacing:1px;font-size:13px;transform:rotate(180deg)}.cart-panel{background-color:var(--bg-main);border-right:1px solid var(--border-color);z-index:5;flex-direction:column;width:380px;min-width:350px;display:flex;box-shadow:2px 0 5px #0000000d}.cart-top{background:var(--bg-white);padding:10px}.client-select{gap:5px;margin-bottom:5px;display:flex}.client-select select{border:1px solid var(--border-color);border-radius:4px;outline:none;flex-grow:1;padding:8px;font-size:14px}.add-client-btn{border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--text-gray);background:#f0f0f0;border-radius:50%}.search-input input{border:1px solid var(--border-color);border-radius:4px;outline:none;width:100%;padding:10px;font-size:14px}.cart-table-header{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);background:#e9ecef;padding:10px;font-size:13px;font-weight:500;display:flex}.col-prod{flex:3}.col-qtd{text-align:center;flex:1}.col-price,.col-sub{text-align:right;flex:1}.cart-items-container{background:var(--bg-white);flex-grow:1;position:relative;overflow-y:auto}.empty-state{text-align:center;color:var(--text-gray);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-icon{color:#d1d5db;margin-bottom:15px;font-size:80px}.cart-item-row-wrapper{border-bottom:1px solid var(--border-color)}.cart-item-row{align-items:center;padding:12px 10px;font-size:13px;display:flex}.cart-item-details{color:var(--text-gray);padding:0 10px 10px;font-size:11px}.item-detail-rem{color:var(--red-btn)}.item-detail-ext{color:var(--green-btn)}.item-detail-obs{color:var(--text-dark);margin-top:3px;font-style:italic}.qtd-controls{justify-content:center;align-items:center;gap:5px;display:flex}.qtd-controls button{cursor:pointer;background:#f9f9f9;border:1px solid #ccc;border-radius:3px;width:20px;height:20px;font-weight:700}.cart-summary{background:var(--bg-main);border-top:1px solid var(--border-color);padding:10px}.summary-row{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:13px;display:flex}.summary-val{font-weight:700}.grand-total-box{background-color:var(--primary-color);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin:15px 0;padding:15px 20px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 10px #0003}.big-total{color:#ffeb3b;text-shadow:1px 1px 2px #0000004d;font-size:36px;font-weight:900}.action-buttons{gap:10px;display:flex}.left-actions{flex-direction:column;flex:1;gap:5px;display:flex}.btn-pedidos,.btn-cancelar{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px;font-weight:500}.btn-pedidos{background-color:var(--teal-btn)}.btn-cancelar{background-color:var(--red-btn)}.btn-finalizar{background-color:var(--green-btn);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-direction:column;flex:1.5;justify-content:center;align-items:center;gap:5px;font-size:18px;font-weight:500;display:flex}.center-area{background-color:var(--bg-main);flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.products-area{flex-grow:1;padding:15px;overflow-y:auto}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;display:grid}.prod-card{background:var(--bg-white);cursor:pointer;border:1px solid var(--border-color);border-radius:8px;flex-direction:column;transition:transform .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.prod-code-badge{color:var(--primary-color);border:1px solid var(--border-color);z-index:2;background:#ffffffe6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px;box-shadow:0 1px 3px #0000001a}.prod-card:active{transform:scale(.97)}.prod-image{border-bottom:1px solid var(--border-color);background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:110px;display:flex}.prod-image img{object-fit:cover;width:100%;height:100%}.prod-details{flex-direction:column;flex-grow:1;justify-content:space-between;padding:10px;display:flex}.prod-name{text-align:center;color:var(--text-dark);margin-bottom:5px;font-size:12px;font-weight:500}.cart-prod-name{flex-direction:column;display:flex}.cart-prod-code{color:var(--text-gray);margin-top:2px;font-size:10px}.prod-price-row{justify-content:space-between;align-items:center;display:flex}.prod-price{font-size:14px;font-weight:700}.add-btn{width:24px;height:24px;color:var(--text-dark);cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;font-weight:700}.status-footer{border-top:1px solid var(--border-color);height:40px;color:var(--text-gray);background:#e4e9ed;align-items:center;gap:15px;padding:0 15px;font-size:12px;display:flex}.text-green{color:var(--green-btn)}.text-gray{color:#999}.operator-info{margin-left:auto}.categories-sidebar{background-color:var(--bg-white);border-left:1px solid var(--border-color);flex-direction:column;width:100px;min-width:100px;display:flex;overflow-y:auto;box-shadow:-2px 0 5px #0000000d}.cat-btn{border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-dark);flex-direction:column;justify-content:center;align-items:center;padding:15px 5px;transition:background .2s;display:flex}.cat-btn:hover{background-color:var(--hover-gray)}.cat-btn.active{background-color:var(--bg-main);border-left:4px solid var(--primary-color)}.cat-icon{margin-bottom:8px;font-size:24px}.cat-name{text-align:center;font-size:11px;font-weight:500}.numpad-overlay,.checkout-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.addon-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.addon-btn{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:space-between;padding:12px;font-size:14px;transition:all .2s;display:flex}.addon-btn.sel-rem{border-color:var(--red-btn);color:var(--red-btn);background:#ea43351a;font-weight:700}.addon-btn.sel-ext{border-color:var(--green-btn);color:var(--green-btn);background:#34a8531a;font-weight:700}.obs-textarea{border:1px solid var(--border-color);resize:none;border-radius:8px;outline:none;width:100%;height:60px;padding:10px;font-size:14px}.editable-price{cursor:pointer;color:var(--primary-color);justify-content:flex-end;align-items:center;gap:4px;font-weight:700;transition:opacity .2s;display:flex}.editable-price:hover{opacity:.6}.edit-icon{color:var(--primary-color);opacity:.8;font-size:10px}.numpad-modal{background:var(--bg-white);border-radius:12px;flex-direction:column;gap:15px;width:320px;padding:20px;display:flex;box-shadow:0 10px 30px #0000004d}.numpad-modal h3{text-align:center;color:var(--text-dark);font-size:18px}.numpad-display{background:var(--bg-main);text-align:right;border:1px solid var(--border-color);color:var(--text-dark);border-radius:8px;padding:15px;font-size:28px;font-weight:700}.numpad-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-grid button{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;color:var(--text-dark);border-radius:8px;padding:20px;font-size:24px;font-weight:700;transition:background .1s}.numpad-grid button:active{background:var(--bg-main);transform:scale(.95)}.btn-clear-numpad{color:var(--red-btn)!important}.numpad-actions{gap:10px;margin-top:5px;display:flex}.numpad-actions button{cursor:pointer;color:#fff;text-transform:uppercase;border:none;border-radius:8px;flex:1;padding:15px;font-size:16px;font-weight:700}.numpad-btn-cancel{background-color:var(--red-btn)}.numpad-btn-confirm{background-color:var(--green-btn)}.checkout-modal{background:var(--bg-white);border-radius:12px;flex-direction:column;width:650px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.checkout-header{background:var(--primary-color);color:#fff;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.close-modal-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.checkout-body{gap:20px;padding:20px;display:flex}.payment-methods{flex-direction:column;gap:10px;width:180px;display:flex}.method-btn{border:1px solid var(--border-color);text-align:center;color:var(--text-dark);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:15px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.method-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.method-btn i{font-size:20px}.checkout-totals-area{background:var(--bg-main);border-radius:8px;flex-grow:1;padding:20px}.total-to-pay-box{color:var(--text-dark);background:#fff3cd;border:2px solid #ffeeba;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:15px 20px;font-size:22px;font-weight:700;display:flex}.total-to-pay-box strong{color:var(--red-btn);font-size:42px;font-weight:900}.money-calculator{border-top:1px dashed var(--border-color);margin-top:15px;padding-top:15px}.amount-received label{margin-bottom:5px;font-size:14px;font-weight:700;display:block}.fake-input{border:1px solid var(--border-color);text-align:right;width:100%;min-height:52px;color:var(--text-dark);background:#fff;border-radius:6px;padding:12px;font-size:22px;font-weight:700}.checkout-numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.checkout-numpad button{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;color:var(--text-dark);border-radius:8px;padding:12px;font-size:20px;font-weight:700}.checkout-numpad button:active{background:#e0e0e0}.change-due{justify-content:space-between;align-items:center;margin-top:15px;font-size:18px;font-weight:700;display:flex}.change-due strong{font-size:28px}.text-red{color:var(--red-btn)!important}.checkout-footer{border-top:1px solid var(--border-color);background:#f9f9f9;padding:15px 20px}.confirm-sale-btn{background:var(--green-btn);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px;font-size:18px;font-weight:700;display:flex}.confirm-sale-btn:hover{opacity:.9}.login-screen{background:linear-gradient(135deg, var(--primary-color) 0%, #0a2e3f 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{background:var(--bg-white);border-radius:16px;flex-direction:column;align-items:center;width:380px;padding:40px;display:flex;box-shadow:0 15px 50px #00000080}.login-logo{text-align:center;margin-bottom:30px}.login-logo i{color:var(--primary-color);margin-bottom:10px;font-size:50px}.login-logo h1{color:var(--text-dark);letter-spacing:2px;text-transform:uppercase;font-size:28px}.login-logo p{color:var(--text-gray);font-size:14px}.pin-display{gap:15px;margin-bottom:30px;display:flex}.pin-dot{border:2px solid var(--border-color);background:0 0;border-radius:50%;width:20px;height:20px;transition:all .2s}.pin-dot.filled{background:var(--primary-color);border-color:var(--primary-color)}.login-numpad{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;display:grid}.login-numpad button{color:var(--text-dark);cursor:pointer;background:#f0f4f8;border:none;border-radius:12px;padding:20px;font-size:24px;font-weight:700;transition:all .1s}.login-numpad button:active{background:#d9e2ec;transform:scale(.95)}.btn-clear-login{color:var(--red-btn)!important}.btn-enter-login{background:var(--green-btn)!important;color:#fff!important}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.table-card{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000001a}.table-card:hover{transform:translateY(-5px)}.table-card.free{border-color:var(--green-btn);background:#f0fdf4}.table-card.occupied{border-color:var(--red-btn);background:#fff5f5}.table-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:15px;font-weight:700;display:flex}.table-card.free .table-header{background:var(--green-btn);color:#fff}.table-card.occupied .table-header{background:var(--red-btn);color:#fff}.table-body{text-align:center;flex-grow:1;padding:25px 15px}.status-free-text{color:var(--green-btn);font-size:20px;font-weight:700}.status-occ-text{color:var(--red-btn);flex-direction:column;align-items:center;gap:15px;font-size:18px;font-weight:700;display:flex}.status-occ-text span{align-items:center;gap:8px;display:flex}.table-obs{color:var(--text-dark);text-align:left;background:#ea43351a;border:1px dashed #ea433566;border-radius:6px;width:100%;padding:10px;font-size:12px;font-weight:500}.table-footer{text-align:center;color:var(--text-gray);cursor:pointer;background:#00000008;padding:12px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.table-footer:hover{color:var(--text-dark);background:#0000001a}.empty-module{height:100%;color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-module i{color:#cbd5e1;margin-bottom:15px;font-size:60px}