.table-container{background:#fff;border-radius:8px;margin-top:20px;overflow:hidden}.accounts-table{border-collapse:collapse;background-color:#fff;width:100%}.accounts-table thead{background-color:#f8f9fa}.accounts-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;padding:16px;font-size:11px;font-weight:600}.accounts-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.accounts-table tbody tr:hover{background-color:#f9fafb}.accounts-table td{color:#374151;padding:16px;font-size:14px}.profile-cell{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.profile-info{flex-direction:column;gap:2px;display:flex}.profile-name{color:#111827;font-weight:500}.profile-username{color:#6b7280;font-size:12px}.status-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{color:#065f46;background-color:#d1fae5}.status-badge.inactive{color:#991b1b;background-color:#fee2e2}.action-buttons{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.view-btn{color:#6b7280;background-color:#f3f4f6}.view-btn:hover{color:#374151;background-color:#e5e7eb}.edit-btn{color:#6b7280;background-color:#f3f4f6}.edit-btn:hover{color:#374151;background-color:#e5e7eb}.delete-btn{color:#ef4444;background-color:#f3f4f6}.delete-btn:hover{color:#dc2626;background-color:#fee2e2}.top-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-box{flex:1;min-width:300px;position:relative}.search-box input[type=search]{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 45px;font-size:14px;transition:all .3s}.search-box input[type=search]:focus{background-color:#fff;border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.search-box input[type=search]::placeholder{color:#9ca3af}.search-box .input-icon{color:#ff6b35;pointer-events:none;font-size:16px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-box:focus-within .input-icon{color:#ff6b35;transform:translateY(-50%)scale(1.1)}.filter-box{min-width:180px;position:relative}.filter-box .input{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff6b35' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 40px 12px 45px;font-size:14px;transition:all .3s}.filter-box .input:hover{background-color:#fff9f7;border-color:#ff6b35}.filter-box .input:focus{background-color:#fff;border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.filter-box .input-icon{color:#ff6b35;pointer-events:none;z-index:1;font-size:16px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.filter-box:hover .input-icon{transform:translateY(-50%)scale(1.1)}.filter-box .input option{color:#374151;background-color:#fff;padding:10px}.filter-box .input option:hover{background-color:#fff9f7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.top-actions>*{animation:.5s forwards fadeInUp}.top-actions>:first-child{animation-delay:.1s}.top-actions>:nth-child(2){animation-delay:.2s}.top-actions>:nth-child(3){animation-delay:.3s}@media (max-width:768px){.top-actions{flex-direction:column;gap:12px}.search-box,.filter-box{width:100%;min-width:100%}}.filter-box .input::-webkit-scrollbar{width:8px}.filter-box .input::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filter-box .input::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:10px}.filter-box .input::-webkit-scrollbar-thumb:hover{background:#e55a2b}.search-box input[type=search]:focus,.filter-box .input:focus{animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:0 0 0 3px #ff6b351a}50%{box-shadow:0 0 0 5px #ff6b3526}}.stats-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:30px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{color:#6b7280;font-size:13px;font-weight:500}.stat-value{color:#111827;font-size:28px;font-weight:700}.feedback-text{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.status-badge.reviewed{color:#92400e;background-color:#fef3c7}.status-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #00000026;border-radius:20px;width:10vw;min-width:120px;max-width:240px;padding:6px 28px 6px 12px;font-size:13px;font-weight:500;transition:all .3s}.status-select:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.status-select.status-new{color:#1e40af;background-color:#e8f4ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231e40af' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.status-select.status-inprogress{color:#3730a3;background-color:#e0e7ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233730a3' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.status-select.status-responded{color:#15803d;background-color:#f0fdf4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2315803d' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.status-select.status-closed{color:#374151;background-color:#f3f4f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.status-select.status-reviewed{color:#92400e;background-color:#fef3c7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2392400e' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.status-select.status-resolved{color:#065f46;background-color:#d1fae5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23065f46' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.status-select:hover{opacity:.9;transform:scale(1.02)}.status-select option{color:#374151;background-color:#fff;padding:10px}.feedback-table th:first-child,.feedback-table td:first-child{width:15%}.feedback-table th:nth-child(2),.feedback-table td:nth-child(2){width:12%}.feedback-table th:nth-child(3),.feedback-table td:nth-child(3){width:15%}.feedback-table th:nth-child(4),.feedback-table td:nth-child(4){width:30%}.feedback-table th:nth-child(5),.feedback-table td:nth-child(5){width:13%}.feedback-table th:nth-child(6),.feedback-table td:nth-child(6){text-align:center;width:15%}
.top-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.search-box{flex:1;min-width:300px;position:relative}.filter-box{min-width:180px;position:relative}.input-icon{color:#999;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input,.filter-box select{background-color:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .2s}.search-box input:focus,.filter-box select:focus{border-color:#ff7b00}.filter-box select{cursor:pointer}.add-admin-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-admin-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.add-admin-btn svg{font-size:14px}.table-container{padding:0 20px 20px;overflow-x:auto}.accounts-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.accounts-table thead{background-color:#f8f9fa}.accounts-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:12px;font-weight:600}.accounts-table td{color:#333;border-top:1px solid #f0f0f0;padding:16px;font-size:14px}.accounts-table tbody tr{transition:background-color .2s}.accounts-table tbody tr:hover{background-color:#fafafa}.profile-cell{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.profile-info{flex-direction:column;gap:2px;display:flex}.profile-name{color:#1a1a1a;font-size:14px;font-weight:600}.profile-username{color:#999;font-size:13px}.email-cell{color:#666;font-size:14px}.type-badge{text-transform:capitalize;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.type-badge.super-admin{color:#1565c0;background-color:#e3f2fd}.type-badge.content-manager{color:#7b1fa2;background-color:#f3e5f5}.type-badge.moderator{color:#e65100;background-color:#fff3e0}.type-badge.support-agent{color:#2e7d32;background-color:#e8f5e9}.action-buttons{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.view-btn{color:#1565c0;background-color:#f0f7ff}.view-btn:hover{color:#fff;background-color:#1565c0;transform:translateY(-2px);box-shadow:0 4px 8px #1565c04d}@media (max-width:1200px){.accounts-table{font-size:13px}.accounts-table th,.accounts-table td{padding:12px}}@media (max-width:768px){.top-actions{flex-direction:column;align-items:stretch}.search-box,.filter-box{min-width:100%}.add-admin-btn{justify-content:center;width:100%}.table-container{overflow-x:auto}.accounts-table{min-width:800px}}.admin-details-section{margin:20px 24px}.admin-details-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.admin-details-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}.admin-details-header h3{color:#1f2937;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.admin-details-content{padding:20px}.details-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.detail-item{flex-direction:column;gap:6px;display:flex}.detail-item label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-item p{color:#1f2937;margin:0;font-size:13px;font-weight:500}.role-badge{color:#374151;text-transform:uppercase;letter-spacing:.3px;background-color:#f3f4f6;border-radius:4px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.admin-details-footer{background-color:#fafafa;border-top:1px solid #f0f0f0;gap:10px;padding:12px 20px;display:flex}.btn-edit-details,.btn-delete-details{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-edit-details:hover{color:#3b82f6;background-color:#f0f9ff;border-color:#3b82f6}.btn-delete-details:hover{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}.btn-edit-details:active,.btn-delete-details:active{transform:scale(.98)}.modal-overlay-delete{z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirm-modal{background:#fff;border-radius:8px;width:90%;max-width:380px;animation:.2s slideUp;box-shadow:0 10px 30px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}.delete-confirm-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.delete-confirm-body{padding:16px 20px}.delete-confirm-body p{color:#4b5563;margin:0 0 10px;font-size:13px;line-height:1.5}.delete-confirm-body p:last-child{margin-bottom:0}.delete-warning{font-size:12px;font-weight:600;color:#991b1b!important}.delete-confirm-footer{background-color:#fafafa;border-top:1px solid #f0f0f0;gap:10px;padding:12px 20px;display:flex}.btn-cancel-confirm,.btn-confirm-delete{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-cancel-confirm:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-confirm-delete{color:#fff;background-color:#ef4444;border-color:#ef4444}.btn-confirm-delete:hover{background-color:#dc2626;border-color:#dc2626}@media (max-width:1024px){.details-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:768px){.admin-details-section{margin:16px 0 20px}.admin-details-content{padding:16px}.details-grid{grid-template-columns:1fr;gap:12px}.admin-details-footer{gap:8px;padding:10px 16px}.btn-edit-details,.btn-delete-details{padding:8px 12px;font-size:11px}.delete-confirm-modal{width:95%}}@media (max-width:480px){.admin-details-header{padding:12px 16px}.admin-details-header h3{font-size:13px}.admin-details-content{padding:12px 16px}.detail-item label{font-size:10px}.detail-item p,.delete-confirm-body p{font-size:12px}}.table-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-title h3{color:#1f2937;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.table-title p{color:#9ca3af;margin:0;font-size:12px;font-weight:500}.history-table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #f0f0f0;border-radius:8px;width:100%;overflow:hidden}.history-table thead{background-color:#fafafa;border-bottom:1px solid #f0f0f0}.history-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;word-wrap:break-word;padding:12px 16px;font-size:11px;font-weight:600}.history-table th:first-child{text-align:center;width:30%}.history-table th:nth-child(2){text-align:center;width:35%}.history-table th:nth-child(3){text-align:center;width:30%}.history-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s}.history-table tbody tr:hover{background-color:#fafafa}.history-table tbody tr:last-child{border-bottom:none}.history-table td{color:#374151;padding:14px 16px;font-size:13px}.action-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block}.action-add{color:#166534;background-color:#f0fdf4}.action-delete{color:#991b1b;background-color:#fef2f2}.action-modify{color:#92400e;background-color:#fffbeb}.action-default{color:#4b5563;background-color:#f3f4f6}.timestamp-cell{color:#6b7280;font-size:12px}.target-cell{color:#4b5563;max-width:250px}@media (max-width:768px){.table-title{flex-direction:column;align-items:flex-start;gap:8px}.history-table th,.history-table td{padding:10px 12px;font-size:12px}.history-table th{font-size:10px}.action-badge{padding:4px 8px;font-size:10px}}@media (max-width:480px){.history-table th,.history-table td{padding:8px 10px;font-size:11px}.target-cell{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}}.edit-form-section{margin:20px 0}.edit-form-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin:20px 24px;padding:24px}.admin-edit-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.form-group input,.form-group select{color:#1f2937;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input::placeholder,.form-group select::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input.input-error{border-color:#ef4444}.form-group input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:12px;font-weight:500}.form-divider{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin:12px 0;padding:12px 0}.form-divider p{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:12px;font-weight:600}.form-actions{border-top:1px solid #f0f0f0;gap:12px;margin-top:12px;padding-top:12px;display:flex}.btn-cancel-form,.btn-save-form{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:1px solid #e5e7eb;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-cancel-form{color:#374151;background-color:#fff}.btn-cancel-form:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-save-form{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border:none;transition:all .3s}.btn-save-form:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.modal-overlay-save{z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.save-confirm-modal{background:#fff;border-radius:8px;width:90%;max-width:420px;animation:.2s slideUp;box-shadow:0 10px 30px #0000001f}.save-confirm-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}.save-confirm-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.save-confirm-body{padding:16px 20px}.save-confirm-body p{color:#4b5563;margin:0 0 12px;font-size:13px}.changes-summary{background-color:#f9fafb;border:1px solid #f0f0f0;border-radius:6px;margin-top:12px;padding:12px}.changes-summary p{color:#374151;margin:0 0 8px;font-size:12px}.changes-summary p:last-child{margin-bottom:0}.changes-summary strong{color:#1f2937;font-weight:600}.save-confirm-footer{background-color:#f9fafb;border-top:1px solid #f0f0f0;gap:10px;padding:12px 20px;display:flex}.btn-cancel-save,.btn-confirm-save{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-cancel-save:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.btn-confirm-save{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.btn-confirm-save:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-cancel-save:disabled,.btn-confirm-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.edit-form-card{padding:16px}.admin-edit-form{gap:14px}.form-group input,.form-group select{padding:9px 10px;font-size:12px}.form-actions{gap:8px}.btn-cancel-form,.btn-save-form{padding:10px 12px;font-size:11px}.save-confirm-modal{width:95%}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1100px;max-height:85vh;margin:auto;animation:.3s ease-out slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0000004d}body.modal-open{width:100%;height:100%;position:fixed;overflow:hidden}.modal-close{cursor:pointer;color:#6b7280;z-index:10;background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#374151;background-color:#e5e7eb;transform:rotate(90deg)}.modal-content .main-services{flex-direction:column;gap:0;margin:0;padding:0;display:flex}.modal-content .header-services{margin:0;padding:20px 20px 16px}.modal-content .header-services .lili h2{margin:0;font-size:20px}.modal-content .admin-details-section{margin:0;padding:0 20px 20px}.modal-content .admin-details-card{margin:0}.modal-content .AllCategories{margin:0;padding:0 20px 20px}.modal-content .table-title{margin-bottom:12px}.modal-content .history-table{margin:0}.modal-content .details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px 0;display:grid}.modal-content .detail-item{margin:0}.modal-content .detail-item label{margin-bottom:4px;font-size:12px}.modal-content .detail-item p{margin:0;font-size:14px}.modal-content .admin-details-footer{gap:12px;margin:0;padding:16px 20px}.modal-content .btn-edit-details,.modal-content .btn-delete-details{padding:10px 20px;font-size:13px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{width:95%;max-height:90vh}.modal-close{width:28px;height:28px;font-size:14px;top:12px;right:12px}.modal-content .header-services{padding:16px}.modal-content .admin-details-section,.modal-content .AllCategories{padding:0 16px 16px}.modal-content .details-grid{grid-template-columns:1fr;gap:12px}}
.doctor-card{background:#fff;border-radius:12px;align-items:flex-start;gap:20px;max-width:900px;margin:30px auto;padding:25px;display:flex;box-shadow:0 4px 12px #0000001a}.profile{text-align:center;flex:1;max-width:250px}.doctor-img{object-fit:cover;object-position:center;border-radius:50%;width:120px;height:120px;margin-bottom:20px}.contact{text-align:left;background:#fff;border-radius:12px;padding:15px;font-size:14px;box-shadow:0 3px 8px #00000014}.contact p{align-items:center;gap:8px;margin:10px 0;display:flex}.details11{flex:2}.details11 h2{margin-bottom:5px;font-size:24px}.details11 h3{margin:5px 0 15px;font-size:18px;font-weight:700}.rating{color:#f5a623;margin-bottom:15px;font-weight:700}.details11 p{margin:12px 0;line-height:1.5}.book-btn{color:#fff;cursor:pointer;float:right;background:linear-gradient(90deg,#050505,#000);border:none;border-radius:25px;margin-top:15px;padding:12px 25px;font-size:16px;font-weight:700;transition:all .3s}.book-btn:hover{transform:scale(1.05)}.Services-offered{max-width:900px;margin:30px auto}.Services-offered hr{border:1px solid #ff7b00;width:70%}.row22{justify-content:space-between;align-items:center;width:100%;margin-bottom:3%;display:flex}.row3{width:100%;display:flex}.offers{flex-direction:column;gap:20px;width:80%;height:100%;display:flex}.offer{text-align:center;background-color:#fff;border-radius:8px;flex-direction:row;place-content:center space-between;align-items:center;width:95%;height:50px;padding:20px;display:flex;box-shadow:0 8px 25px #0003}.more{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border-radius:10px;padding:10px}.availability1{text-align:center;border-radius:8px;width:20%;margin:0;padding:20px;box-shadow:0 8px 25px #0003}.availability1 p{text-align:left;font-size:small}.Gallery{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:20px;max-width:900px;margin:30px auto;padding:25px;display:flex;box-shadow:0 4px 12px #0000001a}.row4{flex-direction:row;justify-content:space-between;width:100%;display:flex}.gallery1{background-color:#000;border-radius:30px 30px 10px 10px;width:30%;height:300px}.detailsS{color:#fff;text-align:left;padding:20px 20px 20px 10px}.header-services{flex-direction:row;justify-content:space-between;width:100%;padding-top:10px;display:flex}.main-services{width:100%}.header-services hr{border:3px solid #ff7b00;border-radius:20px;width:260px;margin-bottom:5px}#black{border-color:#000;width:250px}.lili{margin-bottom:10px;margin-left:20px}.ligns{flex-direction:column;align-items:self-end;width:80%;display:flex}.search{text-align:center;border:2px solid #ff914d;border-radius:20px;align-content:center;align-items:center;width:400px;height:35px;margin:30px;display:inline-block;position:relative}.search-icon{color:#6c6c6c;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lili h2{font-size:xx-large}.AllCategories h4{font-weight:300}.AllCategories{text-align:center;padding:20px}.allCat{background:#fff;border-radius:20px;flex-direction:column;gap:20px;width:100%;margin-top:20px;padding:20px;display:flex}.categorie{border:1px solid #ddd;border-radius:20px;justify-content:space-between;align-items:center;height:100%;padding-right:20px;display:flex}.icon-box{color:#fff;text-align:center;background:#d1cbcb;border-color:#0000;border-radius:12px;flex-direction:row;align-items:center;width:120px;height:100%;display:flex}.bisou{background-color:#fff;border-radius:12px;width:100px;height:100%;margin-right:20px}.icon-box img{width:70%;height:50%;margin-bottom:5px}.icon-box span{font-size:14px;font-weight:700}.services-list{margin:0 20px;display:flex}.services-list ul{margin:0 20px 0 0;padding:0;list-style:none}.services-list li{margin:5px 0;padding-left:14px;font-size:13px;position:relative}.services-list li:before{content:"●";color:orange;font-size:10px;line-height:1;position:absolute;left:0}.action-btn button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .3s}.action-btn button:hover{background:#e28e20}.categories-section{height:100%;margin-bottom:50px}.testimonials{flex-direction:column;gap:20px;width:100%;padding:20px;font-family:Arial,sans-serif;display:flex}.testimonial-card{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:flex-start;width:100%;max-width:100%;height:200px;min-height:20px;padding:15px 20px;display:flex;position:relative;box-shadow:0 2px 5px #0000000d}.user-img{object-fit:cover;border-radius:50%;width:60px;height:60px;margin-right:15px}.testimonial-content{flex:1}.testimonial-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.testimonial-header h3{margin:0;font-size:16px;font-weight:700}.location{color:gray;font-size:13px}.stars{color:#f4c430;margin-left:auto;font-size:14px}.testimonial-card p{color:#333;margin:0;font-size:14px;line-height:1.5}.quote{color:#222;font-size:26px;font-weight:700;position:absolute;bottom:10px;right:15px}
.market-management-container{background-color:#f0f8ff;gap:30px;min-height:calc(100vh - 100px);padding:30px;display:flex}.filters-section{background-color:#fff;border-radius:8px;width:200px;height:fit-content;padding:20px;position:sticky;top:30px;box-shadow:0 2px 8px #0000001a}.filters-section h3{color:#1a1a1a;margin-bottom:20px;font-size:16px;font-weight:600}.filter-group{margin-bottom:20px}.filter-group label{color:#333;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.filter-group select,.filter-group input[type=date],.filter-group input[type=number]{color:#555;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:13px;transition:border-color .3s}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group input[type=number]:focus{background-color:#fff;border-color:#ff7b00;outline:none}.price-range{flex-direction:column;gap:8px;display:flex}.price-range input{width:100%!important}.apply-filters-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);border:none;border-radius:4px;width:100%;margin-bottom:10px;padding:12px;font-size:13px;font-weight:600;transition:all .3s}.apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2d37484d}.reset-filters-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border:none;border-radius:4px;width:100%;padding:12px;font-size:13px;font-weight:600;transition:all .3s}.reset-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.products-section{flex:1}.search-bar-container{margin-bottom:30px}.search-bar{background-color:#fff;border-radius:4px;align-items:center;padding:12px 15px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.search-bar input{color:#555;background-color:#0000;border:none;outline:none;flex:1;font-size:14px}.search-bar input::placeholder{color:#999}.search-icon{color:#ff7b00;cursor:pointer;margin-left:10px;font-size:16px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;display:grid}.product-card{cursor:pointer;background-color:#fff;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.product-image{background-color:#f0f0f0;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-info{padding:15px}.product-price{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:600}.product-name{color:#555;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;margin:0 0 10px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-unit{color:#999;margin:0 0 12px;font-size:12px}.view-details-btn{color:#fff;cursor:pointer;background-color:orange;border:none;border-radius:4px;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:background-color .3s;display:flex}.view-details-btn:hover{background-color:#ff9500}.view-details-btn span{font-size:15px}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.market-management-container{flex-direction:column;gap:20px}.filters-section{width:100%;position:static}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.product-card{box-shadow:0 1px 4px #0000001a}.product-image{height:120px}}@media (max-width:480px){.market-management-container{padding:15px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-info{padding:10px}.product-name{font-size:12px}}
.product-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.product-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.product-modal-header{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#ff6f00 100%);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:24px;display:flex}.product-modal-header h2{margin:0;font-size:24px;font-weight:600}.modal-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background-color .3s;display:flex}.modal-close-btn:hover{background:#ffffff4d}.product-modal-body{flex:1;padding:32px;overflow-y:auto}.modal-loading,.modal-error{text-align:center;padding:40px 20px}.modal-loading p{color:#666;font-size:16px}.modal-error{color:#c62828;background-color:#ffebee;border-radius:8px;padding:20px}.modal-error p{margin:0}.product-modal-image-section{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.product-modal-image{aspect-ratio:1;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-modal-image img{object-fit:contain;width:100%;height:100%;padding:20px}.discount-badge{color:#fff;background-color:#ff6b6b;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;position:absolute;top:12px;right:12px}.quick-info{flex-direction:column;gap:12px;display:flex}.info-card{background-color:#f9f9f9;border-left:4px solid #ff9800;border-radius:8px;gap:16px;padding:16px;display:flex}.info-icon{color:#ff9800;min-width:24px;font-size:24px}.info-card>div{flex:1}.info-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.info-value{color:#333;margin:4px 0 0;font-size:16px;font-weight:600}.product-modal-details{flex-direction:column;gap:24px;display:flex}.detail-section{background-color:#f9f9f9;border-radius:8px;padding:20px}.detail-section h3{color:#333;margin:0 0 12px;font-size:22px;font-weight:600}.detail-section h4{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.title-meta{align-items:center;gap:12px;margin-top:12px;display:flex}.status-badge{color:#fff;text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.rating-badge{color:#f57c00;background-color:#fff3e0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.price-section{margin:0}.price-card{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#ff6f00 100%);border-radius:8px;padding:20px}.price-label{text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin:0 0 8px;font-size:12px}.price-display{align-items:baseline;gap:12px;display:flex}.current-price{font-size:32px;font-weight:700}.original-price{opacity:.7;font-size:16px;text-decoration:line-through}.description-text{color:#555;margin:0;font-size:14px;line-height:1.6}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.detail-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.detail-item label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.detail-item p{color:#333;margin:0;font-size:14px;font-weight:500}.code-text{color:#ff9800;word-break:break-all;font-family:Courier New,monospace;font-size:12px}.provider-section{padding:20px}.provider-card{background-color:#fff;border:2px solid #ff9800;border-radius:8px;padding:16px}.provider-info{flex-direction:column;gap:8px;display:flex}.provider-name{color:#333;margin:0;font-size:16px;font-weight:600}.provider-email{color:#ff9800;word-break:break-all;margin:0;font-size:14px}.deleted-section{color:#856404;background-color:#fff3cd;border-left:4px solid #ff9800}.deleted-text{margin:0;font-size:14px;font-weight:500}.product-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.modal-close-action-btn{color:#fff;cursor:pointer;background-color:#ff9800;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .3s}.modal-close-action-btn:hover{background-color:#ff6f00}@media (max-width:768px){.product-modal-content{max-width:95%;max-height:95vh}.product-modal-header{padding:16px}.product-modal-header h2{font-size:20px}.product-modal-body{padding:20px}.product-modal-image-section{grid-template-columns:1fr;gap:20px}.detail-grid{grid-template-columns:1fr}.current-price{font-size:24px}.modal-close-action-btn{width:100%}}@media (max-width:480px){.product-modal-header{padding:12px}.product-modal-header h2{font-size:18px}.product-modal-body{padding:16px}.detail-section{padding:12px}.product-modal-footer{padding:12px 16px}}
.alert-card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.alert-title{color:#1a1a1a;flex:1;margin:0;font-size:16px;font-weight:600;line-height:1.4}.alert-status{white-space:nowrap;text-transform:capitalize;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.status-accepted{color:#0e6027;background-color:#d4f4dd}.status-pending{color:#8b5a00;background-color:#fff4e0}.status-resolved{color:#4a4a4a;background-color:#e8e8e8}.status-rejected{color:#c41e3a;background-color:#ffe0e0}.alert-description{color:#666;margin:0 0 8px;font-size:13px;line-height:1.5}.alert-info{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.info-icon-box{background-color:#fff5ed;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.info-icon-box.acceptor{background-color:#fff5ed}.info-icon{color:#ff7b00;font-size:12px}.info-label{color:#666;font-weight:500}.info-value{color:#1a1a1a;font-weight:400}.alert-action-btn{cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:4px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.alert-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.alert-action-btn:disabled{cursor:not-allowed;opacity:.7}.action-resolve:hover{background:linear-gradient(135deg,#ff7b00 0%,#f60 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.action-assign:hover{background:linear-gradient(135deg,#ff7b00 0%,#f60 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.action-review:hover{background:linear-gradient(135deg,#ff7b00 0%,#f60 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ff95004d}.action-resolved{color:#6b6b6b;background-color:#e8e8e8}@media (max-width:1200px){.alerts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.alerts-grid{grid-template-columns:1fr;gap:16px}.alert-card{padding:16px}}.table-container{padding:0 20px 20px}.top-actions{flex-wrap:wrap;gap:12px;padding:20px;display:flex}.search-box,.filter-box{position:relative}.search-box{flex:1;min-width:250px}.filter-box{min-width:150px}.input-icon{color:#999;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input,.filter-box select{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .2s}.search-box input:focus,.filter-box select:focus{border-color:#ff6b35}.filter-box select{cursor:pointer;background-color:#fff}.loading-state{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state p{margin-top:1rem;font-size:1.1rem}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;justify-content:space-between;align-items:center;margin:1rem 0;padding:1rem;display:flex}.error-message p{color:#c33;margin:0}.error-message button{color:#fff;cursor:pointer;background:#c33;border:none;border-radius:4px;padding:.5rem 1rem;transition:background .3s}.error-message button:hover{background:#a11}.dummy-alert{position:relative;background:linear-gradient(135deg,#fff9e6 0%,#fff 100%)!important;border:2px dashed orange!important}.dummy-alert:before{content:"🧪 TEST ALERT";color:#fff;letter-spacing:1px;background:orange;border-radius:12px;padding:2px 12px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.alert-actions{gap:.5rem;margin-top:1rem;display:flex}.alert-actions button{flex:1}.status-pending{color:#856404;background:#fff3cd;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-accepted{color:#0c5460;background:#d1ecf1;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-resolved{color:#155724;background:#d4edda;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-rejected{color:#721c24;background:#f8d7da;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.alert-action-btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.alert-action-btn:disabled{opacity:.6;cursor:not-allowed}.action-assign{color:#fff;background:#28a745}.action-assign:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.action-resolve{color:#fff;background:#007bff}.action-resolve:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.action-review{color:#fff;background:#dc3545}.action-review:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.action-resolved{color:#fff;cursor:default;background:#6c757d}.alert-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 8px #0000001a}.alert-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.alert-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.alert-title{color:#333;flex:1;margin:0;font-size:1.1rem;font-weight:700}.alert-description{color:#666;margin-bottom:1rem;line-height:1.6}.alert-info{background:#f8f9fa;border-radius:6px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.info-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.info-icon-box{color:#495057;background:#e9ecef;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.info-label{color:#495057;min-width:80px;font-weight:600}.info-value{color:#212529}.alerts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem 0;display:grid}@media (max-width:768px){.alerts-grid{grid-template-columns:1fr}.alert-actions,.top-actions{flex-direction:column}}.alert-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:200px;margin-bottom:16px;display:grid;overflow:hidden}.alert-image{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:100px;transition:transform .2s}.alert-image:hover{transform:scale(1.05)}.alert-images:has(.alert-image:only-child) .alert-image{grid-column:1/-1;height:200px}
.promo-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:10px;padding:20px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:66px;height:56px;font-size:24px;display:flex}.stat-icon.total{background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%)}.stat-icon.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-icon.disabled{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-icon.usage{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-value{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#666;font-size:13px;font-weight:500}.top-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.filter-box{min-width:180px;position:relative}.input-icon{color:#999;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input,.filter-box select{background-color:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .2s}.search-box input:focus,.filter-box select:focus{border-color:#ff7b00}.filter-box select{cursor:pointer}.add-promo-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #ff95004d}.add-promo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff950066}.table-container{padding:0;overflow-x:auto}.promo-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.promo-table thead{background:linear-gradient(135deg,#ff9500 0%,#ff7b00 100%)}.promo-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:12px;font-weight:600}.promo-table td{color:#333;border-top:1px solid #f0f0f0;padding:16px;font-size:14px}.promo-table tbody tr{transition:background-color .2s}.promo-table tbody tr:hover{background-color:#fafafa}@media (max-width:1024px){.promo-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-value{font-size:22px}.promo-table th,.promo-table td{padding:12px;font-size:12px}}@media (max-width:768px){.top-actions{flex-direction:column;align-items:stretch}.add-promo-btn{justify-content:center;width:100%}.promo-table{font-size:12px}}@media (max-width:480px){.promo-stats{gap:10px;padding:10px}.table-container{padding:0 10px 10px}.promo-table th,.promo-table td{padding:10px}}
.settings-content{padding:20px}.settings-tabs{border-bottom:2px solid #e0e0e0;gap:10px;margin-bottom:25px;padding-bottom:0;display:flex}.tab-button{color:#7f8c8d;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s;position:relative;bottom:-2px}.tab-button:hover{color:#2c3e50;background:#ff95000d}.tab-button.active{color:#ff7b00;border-bottom-color:#ff7b00;font-weight:600}.tab-button:focus{outline:none}.tab-button:focus-visible{outline-offset:2px;outline:2px solid #ff7b00}.settings-section{background:#fff;border-radius:12px;margin-bottom:25px;padding:30px;box-shadow:0 2px 8px #00000014}.settings-section h2{color:#2c3e50;align-items:center;gap:10px;margin-bottom:10px;font-size:1.5rem;display:flex}.section-description{color:#7f8c8d;margin-bottom:25px;font-size:.95rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#34495e;margin-bottom:8px;font-size:.95rem;font-weight:600}.required{color:#e74c3c;margin-left:4px}.form-input{background:#fff;border:1px solid #dfe6e9;border-radius:8px;padding:12px 15px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input[type=file]{cursor:pointer;background:#f8f9fa;border:2px dashed #dfe6e9;padding:10px}.form-input[type=file]:hover{background:#fff5ed;border-color:#ff7b00}.form-input[type=file]:focus{background:#fff;border-style:solid;border-color:#ff7b00;outline:none}.form-input:focus{border-color:#ff7b00;outline:none;box-shadow:0 0 0 3px #ff95001a}.form-input::placeholder{color:#bdc3c7}.form-help{color:#95a5a6;margin-top:6px;font-size:.85rem;display:block}.settings-info{background:#f8f9fa;border-left:4px solid #ff7b00;border-radius:12px;padding:20px}.settings-info h3{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.settings-info p{color:#5d6d7e;margin-bottom:10px;font-size:.9rem}.settings-info p:last-child{margin-bottom:0}.alert{animation:.3s slideDown}.alert-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accounts-actions{gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary{color:#fff;background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.accounts-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.settings-section{padding:20px}}
