*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;width:100%}.App{background-color:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 2px 8px #0000001a;color:#fff;padding:20px}.header-content{margin:0 auto;max-width:1400px}.logo{font-size:2rem;font-weight:700;margin:0}.tagline{font-size:.9rem;margin:5px 0 0;opacity:.8}.container{display:flex;flex:1 1;gap:20px;margin:0 auto;max-width:1400px;padding:20px;width:100%}.sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:fit-content;padding:20px;position:sticky;top:20px;width:250px}.nav-menu{list-style:none}.nav-item{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin-bottom:8px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background-color:#f0f2f5;color:#1a1a2e}.nav-item.active{background-color:#1a1a2e;color:#fff}.main-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;padding:30px}.footer{background:#1a1a2e;color:#fff;font-size:.9rem;margin-top:auto;padding:20px;text-align:center}@media (max-width:768px){.container{flex-direction:column;padding:10px}.sidebar{position:static;width:100%}.nav-menu{display:flex;flex-wrap:wrap;gap:10px}.nav-item{flex:1 1;margin-bottom:0;min-width:100px}.main-content{padding:20px}.logo{font-size:1.5rem}}.dashboard{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard h2{color:#1a1a2e;font-size:1.8rem;margin-bottom:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea33;color:#fff;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-5px)}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c33}.stat-card:nth-child(2):hover{box-shadow:0 8px 20px #f5576c4d}.stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe33}.stat-card:nth-child(3):hover{box-shadow:0 8px 20px #4facfe4d}.stat-icon{font-size:3rem;min-width:80px;text-align:center}.stat-content h3{font-size:.95rem;margin-bottom:8px;opacity:.9}.stat-value{font-size:2rem;font-weight:700;margin:0}.welcome-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:25px}.welcome-section h3{color:#1a1a2e;margin-bottom:10px}.welcome-section p{color:#666;margin-bottom:15px}.welcome-section ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none}.welcome-section li{color:#555;font-weight:500}.error,.loading{font-size:1.1rem;padding:20px;text-align:center}.loading{color:#667eea}.error{padding:15px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:2.5rem;min-width:auto}.stat-value{font-size:1.5rem}}.products{animation:fadeIn .3s ease-in}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.products-header h2{color:#1a1a2e;font-size:1.8rem;margin:0}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:20px;transition:all .3s ease}.product-card:hover{border-color:#667eea;box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.product-image{font-size:3rem;margin-bottom:15px;text-align:center}.product-card h3{color:#1a1a2e;font-size:1.1rem;margin:0 0 10px}.product-description{color:#666;font-size:.9rem;margin:0 0 15px;min-height:40px}.product-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:15px}.product-price{color:#667eea;font-size:1.3rem;font-weight:700}.product-stock{border-radius:4px;font-size:.85rem;font-weight:600;padding:4px 8px}.product-stock.in-stock{background:#d4edda;color:#155724}.product-stock.out-stock{background:#f8d7da;color:#721c24}@media (max-width:768px){.products-header{align-items:flex-start;flex-direction:column;gap:15px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.sales{animation:fadeIn .3s ease-in}.sales-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.sales-header h2{color:#1a1a2e;font-size:1.8rem;margin:0}.sales-table-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.sales-table{background:#fff;border-collapse:collapse;width:100%}.sales-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.sales-table th{color:#1a1a2e;font-size:.95rem;font-weight:600;padding:15px;text-align:left}.sales-table td{border-bottom:1px solid #e0e0e0;color:#555;padding:15px}.sales-table tbody tr:hover{background-color:#f8f9fa}.sale-id{color:#667eea;font-weight:600}.sale-total{color:#1a1a2e;font-size:1.05rem;font-weight:700}@media (max-width:768px){.sales-header{align-items:flex-start;flex-direction:column;gap:15px}.sales-table{font-size:.9rem}.sales-table td,.sales-table th{padding:10px}.btn-small{font-size:.75rem;padding:4px 8px}}.customers{animation:fadeIn .3s ease-in}.customers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.customers-header h2{color:#1a1a2e;font-size:1.8rem;margin:0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.customers-table-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.customers-table{background:#fff;border-collapse:collapse;width:100%}.customers-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.customers-table th{color:#1a1a2e;font-size:.95rem;font-weight:600;padding:15px;text-align:left}.customers-table td{border-bottom:1px solid #e0e0e0;color:#555;padding:15px}.customers-table tbody tr:hover{background-color:#f8f9fa}.customer-id{color:#667eea;font-weight:600}.btn-small{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-small:hover{background:#764ba2;transform:translateY(-2px)}.error,.loading,.no-data{color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}.error{background:#ffe6e6;border-left:4px solid #e74c3c;border-radius:5px;color:#e74c3c}@media (max-width:768px){.customers-header{align-items:flex-start;flex-direction:column;gap:15px}.customers-table{font-size:.9rem}.customers-table td,.customers-table th{padding:10px}.btn-small{font-size:.75rem;padding:4px 8px}}
/*# sourceMappingURL=main.673916d9.css.map*/