:root{--primary-dark: #1b4965;--primary-hover: #264653;--text-dark: #1a202c;--text-gray: #64748b;--bg-light: #f0f2f5;--white: #ffffff;--grad-red: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--grad-orange: linear-gradient(135deg, #f97316 0%, #ef4444 100%);--grad-green: linear-gradient(135deg, #10b981 0%, #34d399 100%)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-light);color:#333}.products-page{padding:40px;max-width:1400px;margin:0 auto;min-height:100vh}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-card{max-width:450px;width:100%}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 30px;border-radius:15px;box-shadow:0 10px 30px #0003}.header-logo-section{display:flex;align-items:center;gap:15px}.header-logo{width:200px;height:90px;object-fit:contain}.header-user-section{display:flex;align-items:center;gap:20px}.user-info{text-align:right}.user-welcome{font-size:14px;color:var(--text-gray)}.user-name{font-size:16px;font-weight:700;color:var(--text-dark)}.user-role{font-size:12px;color:#667eea;font-weight:600;text-transform:uppercase}.products-title{font-size:32px;margin:0;color:var(--text-dark);font-weight:800;letter-spacing:-.5px}.product-form-card{background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003;animation:slideDown .3s ease}.text-center{text-align:center}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.stat-card{color:#fff;text-align:center;position:relative;overflow:hidden;padding:30px;border-radius:15px;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:48px;margin-bottom:10px}.stat-title{font-size:18px;opacity:.9;margin-bottom:8px}.stat-value{font-size:48px;font-weight:700}.stat-desc{font-size:14px;opacity:.8;margin-top:8px}.stat-money{font-size:28px;font-weight:700;word-break:break-word}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.menu-card-btn{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:16px;border:none;border-radius:15px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.menu-card-btn:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.1)}.menu-icon{font-size:40px}.bg-grad-green{background:var(--grad-green)}.bg-grad-orange{background:var(--grad-orange)}.bg-grad-red{background:var(--grad-red)}.bg-grad-purple,.bg-grad-cyan,.bg-grad-rose,.bg-grad-pink,.bg-grad-yellow,.bg-grad-indigo,.bg-grad-blue-purple,.bg-grad-pink-red{background:var(--primary-dark)!important;color:#fff!important}.btn-back-modern{background:var(--primary-dark);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 4px 15px #1b496566}.btn-back-modern:hover{transform:translateY(-2px);background:var(--primary-hover)}.btn-add-product{background:#e63946;color:#fff;border:none;padding:12px 28px;border-radius:10px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #e6394680}.btn-add-product:hover{transform:translateY(-2px) scale(1.05);background:#d62828}.btn-submit-modern{background:var(--primary-dark);color:#fff;border:none;padding:15px;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 5px 20px #1b496580;text-transform:uppercase;letter-spacing:.5px}.btn-submit-modern:hover{transform:translateY(-3px);background:var(--primary-hover)}.btn-close-form{background:#e63946;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:18px;transition:all .3s ease}.btn-close-form:hover{transform:rotate(90deg) scale(1.1);background:#d62828}.action-btn-group{display:flex;gap:8px;justify-content:center}.btn-action-sm{padding:6px 16px;font-size:13px;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;transition:.2s}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.modern-form{display:flex;flex-direction:column;gap:20px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:600;color:#555;font-size:14px}.modern-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fafafa;width:100%;box-sizing:border-box}.modern-input:focus{outline:none;border-color:var(--primary-dark);background:#fff;box-shadow:0 0 0 4px #1b49651a}.alert-modern{padding:15px 25px;border-radius:12px;margin-bottom:20px;font-weight:600;animation:slideDown .3s ease;box-shadow:0 4px 15px #0000001a}.alert-success{background:#2a9d8f;color:#fff}.alert-error{background:#e63946;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.products-table-container{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.product-count{background:#ff6b6b;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.table-wrapper{overflow-x:auto}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead tr{background:#0a1f44;color:#fff;box-shadow:0 4px 10px #0a1f444d}.modern-table th{padding:15px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase}.modern-table th:first-child{border-radius:10px 0 0}.modern-table th:last-child{border-radius:0 10px 0 0}.modern-table tbody tr{transition:all .3s ease;border-bottom:1px solid #f0f0f0}.modern-table tbody tr:hover{background:#f8f9ff;transform:scale(1.01)}.modern-table tbody tr.row-low-stock{background:#fff5f5}.modern-table td{padding:15px;font-size:14px;color:#333}.sku-badge{background:var(--primary-dark);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:13px;font-family:monospace}.price-text{color:#2a9d8f;font-weight:700;font-size:15px}.stock-badge{padding:6px 12px;border-radius:6px;font-weight:700;font-size:14px;display:inline-block}.stock-ok{background:#2a9d8f;color:#fff}.stock-low{background:#e63946;color:#fff;animation:pulse 2s infinite}.status-badge{padding:6px 14px;border-radius:20px;font-weight:600;font-size:12px;display:inline-block}.status-ok{background:#2a9d8f;color:#fff}.status-warning{background:#ff6b6b;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.report-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.tab-container{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.tab-btn{border-radius:8px 8px 0 0;flex:1}.auth-logo{width:100px;height:100px;object-fit:contain;margin-bottom:20px}.auth-title{font-size:28px;color:var(--text-dark);font-weight:700;margin:0 0 10px}.auth-subtitle{margin:0;color:var(--text-gray);font-size:14px}.auth-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.link-text{color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:underline}@media(max-width:768px){.products-header,.form-row,.report-summary-grid{flex-direction:column;gap:15px;text-align:center}.form-row{grid-template-columns:1fr}.modern-table{font-size:12px}.modern-table th,.modern-table td{padding:10px 8px}}