*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0;background:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}header{background:linear-gradient(135deg,#0b5fff,#0047cc);color:white;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}header h1{margin:0 0 1rem;font-size:1.8rem}.navbar{display:flex;gap:.5rem}.nav-btn{padding:.75rem 1.5rem;border:none;background:rgba(255,255,255,.2);color:white;cursor:pointer;border-radius:4px;font-size:1rem;transition:background .3s}.nav-btn:hover{background:rgba(255,255,255,.3)}.nav-btn.active{background:white;color:#0b5fff;font-weight:700}.container{flex:1 1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}main{flex:1 1}footer{background:#333;color:white;text-align:center;padding:1rem;margin-top:auto}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s}.btn-primary{background:#0b5fff;color:white}.btn-primary:hover{background:#0047cc}.btn-success{background:#28a745;color:white}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:white;padding:.25rem .5rem}.btn-danger:hover{background:#c82333}.btn-secondary{background:#6c757d;color:white}.btn-secondary:hover{background:#5a6268}.btn:disabled{opacity:.5;cursor:not-allowed}.table{width:100%;border-collapse:collapse;background:white;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:1rem}.table thead{background:#f8f9fa;font-weight:700}.table td,.table th{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.table tr:hover{background:#f9f9f9}.low-stock{color:#dc3545;font-weight:700}.status-active{color:#28a745;font-weight:700}.status-inactive{color:#dc3545}.inventory h2{color:#333;margin-bottom:1rem}.pos{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.pos h2{color:#333;margin-bottom:1.5rem}.pos-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem}.pos-products{flex:1 1}.search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.product-card{border:1px solid #ddd;padding:1rem;border-radius:4px;background:#f9f9f9;transition:all .3s}.product-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.product-card h4{margin:0 0 .5rem;font-size:.95rem}.product-card .sku{font-size:.85rem;color:#666;margin:.25rem 0}.product-card .price{font-weight:700;color:#0b5fff;margin:.5rem 0;font-size:1.1rem}.product-card .stock{font-size:.85rem;color:#28a745;margin:.5rem 0}.product-card .stock.out{color:#dc3545}.product-card .btn{width:100%;margin-top:.5rem}.pos-cart{background:#f9f9f9;padding:1rem;border-radius:4px;border:1px solid #ddd;max-height:600px;overflow-y:auto}.pos-cart h3{margin-top:0}.empty-cart{text-align:center;color:#999;padding:2rem 0}.cart-items{margin-bottom:1rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:white;border-radius:4px;margin-bottom:.5rem;font-size:.9rem;gap:.5rem}.item-info{flex:1 1}.item-name{font-weight:700;font-size:.85rem}.item-price{color:#666;font-size:.8rem}.item-quantity input{width:50px;padding:.25rem;border:1px solid #ddd;border-radius:4px}.item-total{font-weight:700;color:#0b5fff;min-width:60px;text-align:right}.cart-summary{background:white;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-top:2px solid #0b5fff}.total{display:flex;justify-content:space-between;font-size:1.1rem;color:#0b5fff}.pos-cart .btn{width:100%;margin-bottom:.5rem}.sales h2{color:#333;margin-bottom:1.5rem}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);text-align:center}.summary-card h3{margin-top:0;color:#666;font-size:.95rem}.big-number{font-size:2rem;font-weight:700;color:#0b5fff;margin:.5rem 0}.loading{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.error{background:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin:1rem 0;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:2rem;color:#999;background:#f9f9f9;border-radius:4px;border:1px dashed #ddd}.products-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.product-catalog-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column}.product-catalog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.product-catalog-image{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.product-catalog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-catalog-card:hover .product-catalog-image img{transform:scale(1.05)}.product-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#6b7280}.product-catalog-info{padding:1.25rem;flex:1 1;display:flex;flex-direction:column}.product-catalog-info h3{margin:0 0 .5rem;font-size:1.1rem;line-height:1.3;color:#1f2937}.product-category{color:#6b7280;font-size:.875rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.product-description{color:#4b5563;font-size:.9rem;line-height:1.5;margin:0 0 1rem;flex:1 1}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid #e5e7eb}.product-price{font-size:1.125rem;font-weight:700;color:#059669}.view-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#0b5fff,#0047cc);color:white;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s}.view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(11,95,255,.3)}@media (max-width:768px){.pos-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.sales-summary{grid-template-columns:1fr}.navbar{flex-direction:column}.nav-btn{width:100%}.products-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.product-catalog-image{height:160px}.product-catalog-info{padding:1rem}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}