:root{--primary-color: #E91E63;--primary-dark: #c2185b;--primary-light: #fdf2f7;--text-color: #212529;--text-light: #6c757d;--bg-color: #f8f9fa;--surface-color: #ffffff;--border-color: #e9ecef;--font-family: "Poppins", sans-serif;--shadow-sm: 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.07), 0 4px 6px -2px rgba(0,0,0,.05);--border-radius: 12px;--transition-speed: .2s}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600}i.material-icons{vertical-align:middle}#app-container{display:flex;height:100vh;position:relative;overflow-x:hidden}#main-content{flex-grow:1;padding:2.5rem;overflow-y:auto;margin-left:260px;transition:margin-left var(--transition-speed) ease-in-out}#main-content.sidebar-collapsed{margin-left:90px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.view-header h1{font-size:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-family:var(--font-family);transition:all var(--transition-speed) ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sidebar{width:260px;height:100%;background-color:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:1001;transition:width var(--transition-speed) ease-in-out,transform var(--transition-speed) ease}.sidebar-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);white-space:nowrap}.sidebar-header h2{margin:0;color:var(--primary-color)}.sidebar-header span{font-size:.9rem;color:var(--text-light)}.sidebar-nav{flex-grow:1;padding:1rem 0}.nav-button{display:flex;align-items:center;gap:1rem;width:calc(100% - 2rem);margin:.25rem 1rem;background:none;border:none;padding:.85rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;color:var(--text-light);border-radius:8px;text-align:left;white-space:nowrap}.nav-button.active,.nav-button:hover{background-color:var(--primary-light);color:var(--primary-dark)}.sidebar-footer{margin-top:auto;padding:1.5rem;border-top:1px solid var(--border-color);white-space:nowrap}.sidebar-toggle-button{background:none;border:none;cursor:pointer;color:var(--text-light);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.sidebar.collapsed{width:90px}.sidebar.collapsed .sidebar-header div,.sidebar.collapsed .nav-button span,.sidebar.collapsed .user-info,.sidebar.collapsed .btn-logout span{display:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .nav-button,.sidebar.collapsed .sidebar-footer{justify-content:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.kpi-card{background-color:var(--surface-color);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.kpi-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.pdv-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;height:calc(100vh - 8rem)}#products-panel,#cart-panel{background-color:var(--surface-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-direction:column}#products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;overflow-y:auto;padding:.5rem;flex-grow:1;align-content:start}.product-card-pdv{text-align:center;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;overflow:hidden;transition:all var(--transition-speed) ease-in-out;background-color:#fff}.product-card-pdv:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.product-card-pdv img{width:100%;height:140px;object-fit:contain}.product-info{padding:1rem}.table-container{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background-color:#fcfcfd;font-weight:600}.data-table tbody tr:hover{background-color:var(--primary-light)}.actions-cell{display:flex;gap:.75rem}.actions-cell .btn-icon{background:none;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(33,37,41,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--surface-color);padding:2.5rem;border-radius:var(--border-radius);width:90%;max-width:480px;box-shadow:var(--shadow-md);animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2,.payment-total{text-align:center;margin-bottom:2rem}.payment-total span{color:var(--text-light)}.payment-total p{font-size:3.5rem;font-weight:700;color:var(--primary-color)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.payment-method-btn{padding:1.25rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-weight:500}.payment-method-btn:hover{background-color:var(--primary-light);border-color:var(--primary-color)}.pix-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.85rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:var(--font-family)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;margin-top:1rem;border-top:1px solid var(--border-color)}.login-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-size:cover;background-position:center}.login-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);width:100%;max-width:400px;text-align:center;border:1px solid rgba(255,255,255,.2)}.mobile-menu-button{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}#main-content{padding:1.5rem;margin-left:0!important}.mobile-menu-button{display:flex;position:fixed;top:1rem;left:1rem;z-index:1002;background:var(--surface-color);border-radius:50%;width:50px;height:50px;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}.pdv-grid,.form-row{grid-template-columns:1fr}.pdv-grid{height:auto}.table-container{overflow-x:auto}.sidebar-toggle-button{display:none}}