*{margin:0;padding:0}body{background:#f5f6fa}.header{background:#fff;box-shadow:0 2px 4px #0000001a;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:15px}.menu-toggle-desktop{background:none;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:24px;padding:8px 12px;transition:background .2s}.menu-toggle-desktop:hover{background:#f5f5f5}.menu-toggle-mobile{background:none;border:none;cursor:pointer;display:none;font-size:24px;padding:5px 10px}.logo{padding:8px 12px}.logo h2{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0}.logo-text{transition:opacity .3s ease}.header-right,.user-profile{align-items:center;display:flex}.user-profile{border-radius:8px;cursor:pointer;gap:10px;padding:8px 12px;position:relative;transition:background .2s}.user-profile:hover{background:#f5f5f5}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{color:#333;font-weight:500}.dropdown-arrow{color:#666;font-size:10px}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{background:none;border:none;cursor:pointer;display:block;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.user-info{cursor:default;display:flex;flex-direction:column;gap:4px}.dropdown-item.user-info:hover{background:#fff}.dropdown-item.user-info strong{color:#333}.dropdown-item.user-info small{color:#666;font-size:12px}.dropdown-divider{background:#e0e0e0;height:1px;margin:4px 0}.logout-btn{color:#e74c3c;font-weight:500}.logout-btn:hover{background:#fee}@media (max-width:768px){.menu-toggle-desktop{display:none}.menu-toggle-mobile{display:block}.user-name{display:none}.logo h2{font-size:18px}.logo-text{display:none}}.sidebar{background:#2c3e50;height:calc(100vh - 60px);left:0;overflow-x:visible;overflow-y:auto;position:fixed;top:60px;transition:width .3s ease,transform .3s ease;width:250px;z-index:999}.sidebar.collapsed{width:70px}.sidebar.collapsed .nav-label{opacity:0;overflow:hidden;width:0}.sidebar-nav{padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#ecf0f1;display:flex;gap:12px;padding:14px 20px;position:relative;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff1a;border-left-color:#3498db}.nav-item.active{background:#3498db33;border-left-color:#3498db;color:#fff}.nav-icon{font-size:20px;min-width:20px}.nav-label{font-size:15px;font-weight:500;transition:opacity .3s ease,width .3s ease}.nav-tooltip{background:#34495e;border-radius:6px;box-shadow:0 4px 12px #0006;color:#ecf0f1;font-size:14px;font-weight:500;left:70px;opacity:0;padding:10px 16px;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:10000}.nav-tooltip:before{border:8px solid #0000;border-right-color:#34495e;content:"";left:-8px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar.collapsed .nav-item:hover .nav-tooltip{opacity:1;visibility:visible}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:60px;z-index:998}}.layout{background:#f5f6fa;height:100vh;overflow:hidden}.main-content{height:calc(100vh - 60px);margin-left:250px;margin-top:60px;overflow-y:auto;padding:30px;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:70px}@media (max-width:768px){.main-content{margin-left:0;padding:20px}.main-content.sidebar-collapsed{margin-left:0}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:550px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#333;font-size:32px;margin:0 0 10px}.auth-header h2{color:#333;font-size:24px;margin:0 0 10px}.auth-header p{color:#666;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s}.form-input:focus{border-color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.auth-footer{color:#666;font-size:14px;margin-top:20px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:30px 20px}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.password-wrapper{display:block;position:relative;width:100%}.password-toggle-btn{align-items:center;background:#0000;border:none;color:#555;cursor:pointer;display:flex;font-size:22px;justify-content:center;line-height:1;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:10}.password-toggle-btn:hover{color:#000}.password-toggle-btn:focus{outline:none}.form-input-with-icon{padding-right:50px!important}.dashboard{animation:fadeIn .3s}.page-title{color:#333;font-size:28px;margin:0 0 30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:24px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.stat-content h3{color:#666;font-size:14px;font-weight:500;margin:0 0 8px}.stat-value{color:#333;font-size:28px;font-weight:700;margin:0}.dashboard-sections{display:flex;flex-direction:column;gap:30px}.section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.section h2{color:#333;font-size:20px;margin:0 0 20px}.table-container{display:flex;flex-direction:column;height:calc(100vh - 480px);min-height:400px}.table-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;font-size:14px;font-weight:600;padding:12px;text-align:left}.data-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:12px}.data-table tr:hover{background:#f8f9fa}.pagination{margin-top:20px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.products-page{animation:fadeIn .3s}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-add:hover{transform:translateY(-2px)}.products-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 220px);padding:24px}.products-table-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.products-table{border-collapse:collapse;width:100%}.products-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;font-size:14px;font-weight:600;padding:12px;text-align:left}.products-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:12px}.products-table tr:hover{background:#f8f9fa}.product-image{border-radius:8px;height:60px;object-fit:cover;width:60px}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#bbdefb}.product-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-input,.form-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-textarea{resize:vertical}.image-preview{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;margin-top:12px;padding:8px}.image-preview img{border-radius:6px;display:block;height:auto;max-width:200px;width:100%}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{transform:translateY(-2px)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:15px;padding:12px}.stock-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-align:center}.stock-badge.in-stock{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.stock-badge.out-of-stock{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.orders-page{animation:fadeIn .3s}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 190px);padding:24px}.orders-table-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;font-size:14px;font-weight:600;padding:12px;text-align:left}.orders-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:12px}.orders-table tr:hover{background:#f8f9fa}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.processing{background:#d1ecf1;color:#0c5460}.status-badge.cancelled{background:#f8d7da;color:#721c24}.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.modal-content{max-height:90vh;overflow-y:auto}.order-details{display:flex;flex-direction:column;gap:24px;padding:24px}.detail-section{background:#f8f9fa;border-radius:8px;padding:16px}.detail-section h3{color:#667eea;font-size:16px;font-weight:600;margin:0 0 16px}.detail-row{border-bottom:1px solid #e0e0e0;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-value.price{color:#667eea;font-size:16px;font-weight:700}.users-page{animation:fadeIn .3s}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 190px);padding:24px}.users-table-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;font-size:14px;font-weight:600;padding:12px;text-align:left}.users-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:12px}.users-table tr:hover{background:#f8f9fa}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#e3f2fd;color:#1565c0}.role-badge.user{background:#f3e5f5;color:#6a1b9a}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.btn-view{background:#e8f5e9;color:#2e7d32}.btn-view:hover{background:#c8e6c9}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#ffcdd2}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s;background:#fff;border-radius:12px;max-width:700px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#333;font-size:20px;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.modal-close:hover{color:#333}.user-details{display:flex;flex-direction:column;gap:16px;padding:24px}.detail-row{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.detail-label{color:#666;font-size:14px;font-weight:600}.detail-value{color:#333;font-size:14px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:24px}.btn-close{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-close:hover{transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:6px}.pagination-number{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;height:36px;transition:all .2s;width:36px}.pagination-number:hover{background:#f5f5f5;border-color:#667eea}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}
/*# sourceMappingURL=main.291915b1.css.map*/