.dashboard-container{color:#1a202c;background-color:#f8fafc;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.dashboard-header{color:#fff;z-index:100;background:linear-gradient(135deg,#2c3e50 0%,#1a2530 100%);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.dashboard-title{letter-spacing:.5px;margin:0;font-size:1.5rem;font-weight:600}.dashboard-user{align-items:center;gap:.75rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2c80b9 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.dashboard-content{flex:1;min-height:calc(100vh - 68px);display:flex}.dashboard-sidebar{color:#fff;background-color:#2c3e50;flex-shrink:0;width:250px;transition:all .3s}.sidebar-nav ul{flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.sidebar-nav li{cursor:pointer;border-left:4px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav li:hover{background-color:#ffffff1a}.sidebar-nav li.active{background-color:#3498db33;border-left-color:#3498db}.sidebar-nav li i{text-align:center;width:20px}.dashboard-main{background-color:#f8fafc;flex:1;padding:1.5rem;overflow-y:auto}.product-form-container,.newsletter-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.form-title,.newsletter-title{color:#2d3748;margin-top:0;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.product-form,.newsletter-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#4a5568;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background-color:#fff;border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e11a}.form-group textarea{resize:vertical;min-height:100px}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.error{border-color:#e53e3e!important}.error-message{color:#e53e3e;margin-top:.25rem;font-size:.75rem}.form-actions{gap:.75rem;margin-top:1rem;display:flex}.submit-btn,.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.submit-btn:hover,.primary-btn:hover{transform:translateY(-1px);box-shadow:0 1px 3px #4299e133}.submit-btn:disabled,.primary-btn:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e0;transform:none}.cancel-btn,.secondary-btn{color:#4a5568;cursor:pointer;background-color:#edf2f7;border:none;border-radius:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.cancel-btn:hover,.secondary-btn:hover{background-color:#e2e8f0}.product-list-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.list-title{color:#2d3748;margin-top:0;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.loading-spinner{color:#718096;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.loading-spinner i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-table-wrapper{border:1px solid #e2e8f0;border-radius:.375rem;overflow-x:auto}.product-table{border-collapse:collapse;width:100%;min-width:800px}.product-table th,.product-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.875rem;font-size:.875rem}.product-table th{color:#4a5568;background-color:#f7fafc;font-weight:600;position:sticky;top:0}.product-table tr:hover td{background-color:#f8fafc}.editing-row td{background-color:#ebf8ff!important}.product-thumbnail{object-fit:cover;border:1px solid #e2e8f0;border-radius:.25rem;width:50px;height:50px}.description-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.action-buttons{gap:.5rem;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.edit-btn{color:#fff;background-color:#4299e1}.edit-btn:hover{background-color:#3182ce}.delete-btn{color:#fff;background-color:#e53e3e}.delete-btn:hover{background-color:#c53030}.image-preview-container{margin-top:1rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.image-preview-item{border:1px solid #e2e8f0;border-radius:.375rem;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100px}.remove-image-btn{color:#fff;cursor:pointer;background-color:#e53e3ee6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.remove-image-btn:hover{background-color:#c53030e6}.file-error-message{color:#d32f2f;background-color:#fde8e8;border-radius:.25rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.file-helper-text{color:#666;margin-top:.25rem;font-size:.75rem}.newsletter-sections{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.newsletter-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.section-header h3{color:#2d3748;margin:0;font-size:1.125rem;font-weight:600}.subscribers-list{border:1px solid #e2e8f0;border-radius:.375rem;margin-top:1rem;overflow:hidden}.list-header{color:#4a5568;background-color:#f7fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr auto;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:grid}.list-items{max-height:300px;overflow-y:auto}.subscriber-item{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr auto;padding:.75rem 1rem;font-size:.875rem;display:grid}.subscriber-item:last-child{border-bottom:none}.subscriber-email{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-state{text-align:center;color:#718096;padding:1.5rem}.empty-state p{margin:0 0 .25rem;font-weight:500}.success-message{color:#2f855a;background-color:#f0fff4;border-left:4px solid #38a169;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.error-message{color:#c53030;background-color:#fff5f5;border-left:4px solid #e53e3e;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.page-btn{cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.page-btn:hover{background:#e0e0e0}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#666;font-size:.875rem}@media (max-width:1024px){.dashboard-sidebar{width:220px}.form-row{flex-direction:column;gap:1rem}}@media (max-width:768px){.dashboard-content{flex-direction:column}.dashboard-sidebar{width:100%;padding:0}.sidebar-nav ul{flex-direction:row;padding:.5rem;overflow-x:auto}.sidebar-nav li{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:.75rem 1rem}.sidebar-nav li.active{border-bottom-color:#3498db;border-left:none}.dashboard-main{padding:1rem}.product-form-container,.product-list-container,.newsletter-container{padding:1.25rem}.newsletter-sections{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-header{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}.action-buttons{flex-direction:column;gap:.5rem}.edit-btn,.delete-btn{width:100%}.product-table th,.product-table td{padding:.5rem;font-size:.75rem}.product-thumbnail{width:40px;height:40px}}.truncate-cell{max-width:150px}.truncated-text{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:1200px){.product-table th:nth-child(5),.product-table td:nth-child(5){display:none}}@media (max-width:992px){.product-table th:nth-child(6),.product-table td:nth-child(6),.product-table th:nth-child(7),.product-table td:nth-child(7){display:none}}@media (max-width:768px){.product-table th:nth-child(3),.product-table td:nth-child(3),.product-table th:nth-child(4),.product-table td:nth-child(4){display:none}.product-name-cell small{-webkit-line-clamp:1}.action-buttons{flex-direction:column;gap:.25rem}.edit-btn,.delete-btn{width:100%}}@media (max-width:576px){.product-table th:nth-child(8),.product-table td:nth-child(8){display:none}}.toast-confirm-buttons{gap:10px;margin-top:10px;display:flex}.toast-confirm-buttons button{cursor:pointer;border:none;border-radius:4px;padding:5px 15px}.toast-confirm-buttons button:first-child{color:#fff;background-color:#d9534f}.toast-confirm-buttons button:last-child{background-color: #f0f0f0}