:root{--color-primary:#1e293b;--color-secondary:#334155;--color-accent:#3b82f6;--color-white:#fff;--color-light-gray:#f1f5f9;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--sidebar-width:260px;--sidebar-collapsed-width:80px}body{margin:0!important}.sidebar{background:#1e293b;background:var(--color-primary);box-shadow:4px 0 15px #0000001a;color:#f8fafc;color:var(--color-text);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;width:var(--sidebar-width);z-index:1000}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:10px;padding:24px}.sidebar-header h3{color:#fff;color:var(--color-white);font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin:0}.sidebar-header img{width:50px}.sidebar-menu{flex-grow:1;list-style:none;padding:0 15px}.sidebar-menu li{margin-bottom:4px}.menu-item{align-items:center;border-radius:6px;color:#94a3b8;color:var(--color-text-secondary);display:flex;font-size:.95rem;padding:12px 16px;text-decoration:none;transition:all .2s ease}.menu-item:hover{background:#334155;background:var(--color-secondary)}.menu-item.active,.menu-item:hover{color:#fff;color:var(--color-white)}.menu-item.active{background:#3b82f6;background:var(--color-accent);font-weight:500}.menu-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;margin-right:12px;width:24px}.divider{background:#ffffff1a;height:1px;margin:15px 0}.color-circle{border-radius:50%;height:20px;width:20px}@media (max-width:768px){.sidebar{width:80px;width:var(--sidebar-collapsed-width)}.menu-item span:last-child,.sidebar-header h3{display:none}.menu-item{justify-content:center;padding:16px 0}.menu-icon{font-size:1.3rem;margin-right:0}}.navbar{align-items:center;background:#fff;background:var(--color-white);border-bottom:1px solid #0000000d;box-shadow:0 2px 10px #00000014;color:#1e293b;color:var(--color-primary);display:flex;height:70px;justify-content:space-between;left:260px;left:var(--sidebar-width);padding:0 30px;position:fixed;right:0;top:0;z-index:999}.navbar-left,.navbar-right{align-items:center;display:flex;gap:20px}.navbar-brand{color:#1e293b;color:var(--color-primary);font-size:1.25rem;font-weight:600}.search-bar{align-items:center;display:flex;position:relative}.search-bar input{border:1px solid #e2e8f0;border-radius:20px;font-size:.9rem;padding:8px 15px 8px 35px;transition:all .3s ease;width:200px}.search-bar input:focus{border-color:#3b82f6;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f633;outline:none;width:250px}.search-icon{color:#94a3b8;font-size:1rem;left:12px;position:absolute}.icon-button{background:none;border:none;border-radius:50%;color:#1e293b;color:var(--color-primary);cursor:pointer;font-size:1.2rem;padding:5px;position:relative;transition:all .2s ease}.icon-button:hover{background:#f1f5f9;background:var(--color-light-gray)}.notification-badge{align-items:center;background:#3b82f6;background:var(--color-accent);border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.user-profile{gap:10px;margin-right:10px}.avatar,.user-profile{align-items:center;display:flex}.avatar{background:#f1f5f9;background:var(--color-light-gray);border-radius:50%;color:#1e293b;color:var(--color-primary);font-size:.9rem;height:32px;justify-content:center;width:32px}.logout-button,.username{font-size:.9rem;font-weight:500}.logout-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:20px;color:#1e293b;color:var(--color-primary);cursor:pointer;display:flex;gap:8px;padding:8px 15px;transition:all .2s ease}.logout-button:hover{background:#f1f5f9;background:var(--color-light-gray);border-color:#3b82f6;border-color:var(--color-accent);color:#3b82f6;color:var(--color-accent)}.logout-icon{font-size:1rem}@media (max-width:768px){.navbar{left:80px;left:var(--sidebar-collapsed-width);padding:0 15px}.search-bar input{width:150px}.search-bar input:focus{width:180px}.username{display:none}}.dashboard-container{margin-left:260px;margin-left:var(--sidebar-width);margin-top:50px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dashboard-header h2{font-size:1.5rem;font-weight:600}.dashboard-header h2,.date-filter{color:#1e293b;color:var(--color-primary)}.date-filter{align-items:center;background:#f1f5f9;background:var(--color-light-gray);border-radius:20px;display:flex;gap:8px;padding:8px 12px}.clock-icon,.date-filter{font-size:.9rem}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.metric-card{background:#fff;background:var(--color-white);border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .2s ease}.metric-card:hover{transform:translateY(-3px)}.metric-icon{align-items:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;color:var(--color-accent);display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.metric-content h3{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:5px}.metric-value{color:#1e293b;color:var(--color-primary);font-size:1.3rem;font-weight:600;margin:5px 0}.metric-change{font-size:.8rem;font-weight:500}.metric-change.positive{color:#10b981}.content-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr}.content-card{background:#fff;background:var(--color-white);border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#1e293b;color:var(--color-primary);font-size:1.1rem;font-weight:600}.view-all{background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--color-accent);cursor:pointer;font-size:.8rem;font-weight:500;padding:5px 10px}.view-all:hover{background:#3b82f61a}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #f1f5f9;font-size:.85rem;padding:12px 15px;text-align:left}th{color:#64748b;letter-spacing:.5px;text-transform:uppercase}.status-badge,th{font-size:.75rem;font-weight:500}.status-badge{border-radius:20px;padding:5px 10px}.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge.shipped{background:#dbeafe;color:#1e40af}.status-badge.processing{background:#fef3c7;color:#92400e}.status-badge.pending{background:#f3f4f6;color:#4b5563}.products-list{gap:15px}.product-item,.products-list{display:flex;flex-direction:column}.product-item{border-bottom:1px solid #f1f5f9;gap:10px;padding-bottom:15px}.product-item:last-child{border-bottom:none;padding-bottom:0}.product-info{align-items:center;display:flex;gap:12px}.product-icon{background:#3b82f61a;border-radius:8px;color:#3b82f6;color:var(--color-accent);font-size:1rem;padding:8px}.product-info h4{font-size:.9rem;font-weight:500;margin-bottom:3px}.product-info p{color:#64748b;font-size:.8rem}.stock-indicator{display:flex;flex-direction:column;gap:5px}.stock-bar{background:#3b82f6;background:var(--color-accent);border-radius:3px;height:6px}.stock-indicator span{color:#64748b;font-size:.75rem}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{margin-left:80px;margin-left:var(--sidebar-collapsed-width);padding:20px 15px}.metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}}.products-container{margin-left:260px;margin-left:var(--sidebar-width);margin-top:50px}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.products-header h2{color:#1e293b;color:var(--color-primary);font-size:1.5rem;font-weight:600}.add-product-btn{align-items:center;background:#3b82f6;background:var(--color-accent);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 15px;transition:background .2s ease}.add-product-btn:hover{background:#2563eb}.products-controls{display:flex;gap:15px;margin-bottom:20px}.filter-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:all .2s ease}.filter-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.active-filters-count{align-items:center;background:#3b82f6;background:var(--color-accent);border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:18px;justify-content:center;width:18px}.filters-panel{grid-gap:15px;background:#fff;border:1px solid #e2e8f0;border-radius:5px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;padding:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#64748b;font-size:.8rem;font-weight:500}.filter-group select{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:8px 12px}.clear-filters{align-items:center;align-self:flex-end;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;gap:5px}.clear-filters:hover{color:#3b82f6;color:var(--color-accent)}.products-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.products-table{border-collapse:collapse;width:100%}.products-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.products-table td{border-bottom:1px solid #f1f5f9;font-size:.85rem;padding:12px 15px}.size-tags{display:flex;flex-wrap:wrap;gap:5px}.size-tag{background:#f1f5f9;border-radius:4px;font-size:.75rem;padding:3px 8px}.color-tags{display:flex;gap:5px}.color-tag{border:1px solid #e2e8f0;border-radius:50%;height:20px;width:20px}.featured-badge{background:#dcfce7;color:#166534}.featured-badge,.not-featured-badge{border-radius:4px;font-size:.75rem;padding:4px 8px}.not-featured-badge{background:#f3f4f6;color:#4b5563}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.view-btn{background:#dcfce7;border:none;border-radius:4px;color:#166534;cursor:pointer;padding:8px}.view-btn:hover{background:#bbf7d0}.edit-btn{background:#dbeafe;color:#1e40af}.edit-btn:hover{background:#bfdbfe}.delete-btn{background:#fee2e2;color:#b91c1c}.delete-btn:hover{background:#fecaca}.no-results{color:#64748b;padding:20px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.product-form-modal{box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1e293b;color:var(--color-primary);font-size:1.2rem;margin:0}.close-modal{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.2rem;padding:5px}.close-modal:hover{color:#1e293b;color:var(--color-primary)}form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#334155;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:5px;font-size:.9rem;padding:10px 12px;width:100%}.form-row{gap:15px}.form-row .form-group{flex:1 1}.size-options{display:flex;flex-wrap:wrap;gap:8px}.size-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.size-option.selected{background:#3b82f6;background:var(--color-accent);border-color:#3b82f6;border-color:var(--color-accent);color:#fff}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:2px solid #e2e8f0;cursor:pointer}.color-option.selected{border-color:#3b82f6;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f64d}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;gap:8px;margin-bottom:0}.checkbox-group input{width:auto}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.cancel-btn{background:#f1f5f9;border:none;border-radius:5px;color:#334155;cursor:pointer;font-weight:500;padding:10px 20px}.cancel-btn:hover{background:#e2e8f0}.submit-btn{background:#3b82f6;background:var(--color-accent);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.submit-btn:hover{background:#2563eb}@media (max-width:768px){.products-container{margin-left:80px;margin-left:var(--sidebar-collapsed-width);padding:20px 15px}.products-header{align-items:flex-start;flex-direction:column;gap:15px}.filters-panel{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}}.product-form-modal{background:#fff;border-radius:8px;max-width:900px;padding:20px;width:90%}.modal-body{display:flex;gap:30px}.modal-left{border-right:1px solid #ddd;flex:1 1;padding-right:20px}.modal-left .image-upload{margin-bottom:20px}.modal-left .image-preview img{border-radius:4px;height:100px;margin-right:10px;object-fit:cover;width:100px}.modal-right{flex:2 1}.form-row{display:flex;gap:20px}.color-options button,.size-options button{border:1px solid #ccc;margin-bottom:5px;margin-right:5px;padding:5px 10px}.color-option.selected,.size-option.selected{border:2px solid #000}.color-option{border:2px solid #ccc;border-radius:50%;height:30px;width:30px}.add-color{align-items:center;display:flex;gap:10px;margin-top:10px}.add-color input{flex:1 1;padding:5px}.color-preview{border-radius:50%;height:30px;width:30px}.add-color button{padding:5px 10px}@media (max-width:768px){.sidebar{bottom:0;box-shadow:0 -2px 15px #0000001a;flex-direction:row;height:auto;left:0;padding:5px 0;top:auto;width:100vw}.sidebar-header{display:none}.sidebar-menu{display:flex;flex-direction:row;justify-content:space-around;padding:0;width:100%}.sidebar-menu li{display:flex;flex:1 1;justify-content:center;margin-bottom:0}.menu-item{align-items:center;flex-direction:column;font-size:.7rem;padding:8px 5px;text-align:center;width:100%}.menu-icon{font-size:1.1rem;margin-bottom:3px;margin-right:0}.divider{display:none}.navbar{left:0}.dashboard-container,.products-container{margin-bottom:60px;margin-left:0}body{padding-bottom:60px}.navbar{padding:0 15px}.search-bar input{width:120px}.search-bar input:focus{width:150px}.logout-button span,.username{display:none}.logout-button{padding:8px}.products-table td,.products-table th{font-size:.75rem;padding:8px 10px}.action-buttons{gap:5px}.action-buttons,.modal-body{flex-direction:column}.modal-left{border-bottom:1px solid #ddd;border-right:none;margin-bottom:20px;padding-bottom:20px;padding-right:0}}@media (max-width:480px){.content-grid,.metrics-grid{grid-template-columns:1fr}.products-controls{flex-direction:column}.search-bar input,.search-bar input:focus{width:100%}.filter-toggle{justify-content:center}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}
/*# sourceMappingURL=main.5f7118d2.css.map*/