@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--primary-color:#3329ec;--primary-hover:#3122ce;--secondary-color:#10b981;--secondary-hover:#059669;--danger-color:#ef4444;--danger-hover:#dc2626;--warning-color:#f59e0b;--bg-body:#f3f4f6;--bg-card:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family:"Poppins", sans-serif;--transition:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);min-height:100vh;line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.page-wrapper{padding:1.5rem}header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.header-brand{color:var(--text-main);align-items:center;gap:.5rem;text-decoration:none;display:flex}.header-brand img{height:32px}.logo-text{color:var(--primary-color);font-size:1.1rem;font-weight:700}.navbar{flex:1;align-items:center;gap:.25rem;display:flex}.navbar ul{flex-wrap:wrap;gap:.15rem;list-style:none;display:flex}.navbar ul li a,.nav-link{border-radius:var(--radius-md);color:var(--text-muted);transition:var(--transition);white-space:nowrap;padding:.4rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-block}.navbar ul li a:hover,.nav-link:hover{color:var(--primary-color);background:#f3f4f6}.navbar ul li a.active,.nav-link.active{color:var(--primary-color);background:#eef2ff;font-weight:600}.menu-toggle{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-main);background:0 0;padding:.4rem .75rem;font-size:.9rem;display:none}.user-controls{align-items:center;gap:.5rem;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.card.mb-4{margin-bottom:1.5rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.panel-header h2{color:var(--text-main);font-size:1.15rem;font-weight:600}.button{border-radius:var(--radius-md);background:var(--primary-color);color:#fff;font-family:var(--font-family);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3329ec4d}.button:active{transform:translateY(0)}.button.secondary{color:var(--text-main);border:1px solid var(--border-color);background:#f3f4f6}.button.secondary:hover{box-shadow:none;background:#e5e7eb;transform:none}.button.secondary2{color:var(--primary-color);background:#eef2ff;border:1px solid #c7d2fe}.button.secondary2:hover{background:#e0e7ff}.button.danger{background:var(--danger-color);color:#fff}.button.danger:hover{background:var(--danger-hover);box-shadow:0 4px 12px #ef44444d}.button.success{background:var(--secondary-color);color:#fff}.button.success:hover{background:var(--secondary-hover)}.button.full-width{width:100%;margin-bottom:.5rem}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-group{flex-wrap:wrap;gap:.5rem;display:flex}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-family:var(--font-family);color:var(--text-main);transition:var(--transition);background:#fff;outline:none;padding:.5rem .75rem;font-size:.875rem}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3329ec26}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.table-container{border-radius:var(--radius-md);width:100%;overflow-x:auto}table,.data-table{border-collapse:collapse;width:100%;font-size:.875rem}table th,.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:#f9fafb;padding:.75rem 1rem;font-size:.8rem;font-weight:600}table td,.data-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}table tbody tr:hover,.data-table tbody tr:hover{background:#f9fafb}table tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:none}.badge{border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-muted{color:#6b7280;background:#f3f4f6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:2rem;animation:.3s ease-out slideUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{font-size:1.2rem;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);transition:var(--transition);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:1.25rem}.modal-close:hover{color:var(--danger-color);background:#fee2e2}.pos-wrapper{height:calc(100vh - 60px);overflow:hidden}.pos-container{grid-template-columns:1fr 340px;gap:1rem;height:100%;padding:1rem;display:grid}.products-panel{height:100%;overflow-y:auto}.cart-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.products-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:.5rem 0;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;padding:.75rem}.product-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 0 0 3px #3329ec1a}.product-card img{object-fit:cover;border-radius:var(--radius-sm);width:60px;height:60px;margin-bottom:.5rem}.product-card .product-name{margin-bottom:.25rem;font-size:.8rem;font-weight:600}.product-card .product-price{color:var(--primary-color);font-size:.85rem;font-weight:700}.cart-items{flex:1;padding:.5rem 0;overflow-y:auto}.cart-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex}.cart-item-name{flex:1;font-size:.85rem;font-weight:500}.cart-item-controls{align-items:center;gap:.35rem;display:flex}.qty-btn{border:1px solid var(--border-color);cursor:pointer;width:26px;height:26px;transition:var(--transition);background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.qty-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cart-summary{border-top:2px solid var(--border-color);padding-top:.75rem;font-size:.875rem}.cart-summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:.35rem;display:flex}.cart-summary-row.total{color:var(--text-main);border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.5rem;font-size:1.05rem;font-weight:700}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-color);padding:1.25rem}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.stat-card .stat-value{color:var(--text-main);font-size:1.5rem;font-weight:700}.category-filter{transition:var(--transition)}.category-filter.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.chart-wrapper{border-radius:var(--radius-lg);height:300px;box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.alert{border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.alert-info{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.spinner{border:3px solid #e5e7eb;border-top-color:var(--primary-color);border-radius:50%;width:2rem;height:2rem;margin:2rem auto;animation:.8s linear infinite spin}.loading-wrapper{justify-content:center;align-items:center;padding:3rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.gap-2{gap:.5rem}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger-color)}.text-success{color:var(--secondary-color)}.text-center{text-align:center}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (width<=1200px){.pos-container{grid-template-columns:1fr 280px}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.pos-container{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto}.pos-wrapper{height:auto;overflow:visible}}@media (width<=768px){.menu-toggle{display:block}.navbar ul{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);flex-direction:column;gap:.25rem;padding:.5rem;display:none;position:absolute;top:100%;left:0;right:0}.navbar ul.show{display:flex}.navbar,header{position:relative}.products-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.card{padding:1rem}.page-wrapper{padding:.75rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.products-list{grid-template-columns:repeat(2,1fr)}}@media print{header,nav,.button,.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}