.editable-section{position:relative}.editable-section .edit-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#3b82f6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px rgba(59,130,246,.4)}.editable-section:hover .edit-btn{opacity:1}.editable-section .edit-btn:hover{background:#2563eb;transform:scale(1.1)}.editable-section.editing{background:#f8fafc;border:2px dashed #3b82f6;border-radius:12px;padding:20px}.edit-form-wrapper{display:flex;flex-direction:column;gap:16px}.edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.cancel-btn,.save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.save-btn{background:#22c55e;color:#fff}.save-btn:hover{background:#16a34a}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.editable-field{display:flex;flex-direction:column;gap:6px}.editable-field label{font-weight:500;color:#334155;font-size:14px}.editable-field .required{color:#ef4444}.editable-field input,.editable-field select,.editable-field textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s ease;background:#fff}.editable-field input:focus,.editable-field select:focus,.editable-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.editable-field textarea{resize:vertical;min-height:100px}.editable-list{display:flex;flex-direction:column;gap:8px}.editable-list label{font-weight:500;color:#334155;font-size:14px}.list-item-row{display:flex;gap:8px}.list-item-row input{flex:1 1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.list-item-row input:focus{outline:none;border-color:#3b82f6}.remove-item-btn{width:36px;height:36px;border-radius:8px;background:#fee2e2;color:#ef4444;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-item-btn:hover{background:#fecaca}.add-item-btn{padding:10px 16px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;transition:all .2s ease}.add-item-btn:hover{background:#e2e8f0;border-color:#94a3b8}.editable-image{display:flex;flex-direction:column;gap:8px}.editable-image label{font-weight:500;color:#334155;font-size:14px}.editable-image .image-preview{width:200px;height:150px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.editable-image .image-preview img{width:100%;height:100%;object-fit:cover}.editable-image input[type=file]{font-size:14px}.admin-header{background:linear-gradient(135deg,#1e293b,#334155);padding:12px 0;position:-webkit-sticky;position:sticky;top:80px;z-index:100}.admin-header-content{display:flex;align-items:center;justify-content:space-between}.admin-logo{gap:12px;color:#fff}.admin-logo,.admin-logo-icon{display:flex;align-items:center}.admin-logo-icon{width:40px;height:40px;background:#3b82f6;border-radius:10px;justify-content:center}.admin-logo h1{font-size:18px;font-weight:600}.admin-logo span{font-size:12px;opacity:.7}.admin-nav{display:flex;align-items:center;gap:8px}.admin-nav a{padding:8px 16px;color:hsla(0,0%,100%,.8);text-decoration:none;font-size:14px;border-radius:8px;transition:all .2s ease}.admin-nav a.active,.admin-nav a:hover{background:hsla(0,0%,100%,.1);color:#fff}.admin-user{display:flex;align-items:center;gap:12px;color:#fff}.admin-user-info{text-align:right}.admin-user-info span{font-size:14px;font-weight:500}.admin-user-info small{font-size:12px;opacity:.7;display:block}.logout-btn{padding:8px 16px;background:rgba(239,68,68,.2);color:#fca5a5;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.logout-btn:hover{background:rgba(239,68,68,.3)}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#334155)}.admin-login-box{background:#fff;padding:40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.admin-login-logo{text-align:center;margin-bottom:32px}.admin-login-logo h1{font-size:24px;color:#1e293b;margin-bottom:4px}.admin-login-logo p{color:#64748b;font-size:14px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-login-form .form-group{display:flex;flex-direction:column;gap:6px}.admin-login-form label{font-weight:500;color:#334155;font-size:14px}.admin-login-form input{padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .2s ease}.admin-login-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.admin-login-form button{padding:14px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.admin-login-form button:hover{background:#2563eb}.admin-login-form button:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:#1e293b;color:#fff;padding:24px 16px;position:fixed;top:0;left:0;bottom:0;overflow-y:auto}.admin-sidebar-logo{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:24px}.admin-sidebar-logo h2{font-size:18px}.admin-sidebar-nav{display:flex;flex-direction:column;gap:4px}.admin-sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:hsla(0,0%,100%,.7);text-decoration:none;border-radius:10px;transition:all .2s ease;font-size:14px}.admin-sidebar-nav a.active,.admin-sidebar-nav a:hover{background:hsla(0,0%,100%,.1);color:#fff}.admin-sidebar-nav a.active{background:#3b82f6}.admin-main{flex:1 1;margin-left:260px;padding-top:100px;background:#f8fafc;min-height:100vh}.admin-page-header{background:#fff;padding:24px 32px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.admin-page-header h1{font-size:24px;color:#1e293b}.admin-page-header p{color:#64748b;font-size:14px;margin-top:4px}.admin-content{padding:32px}.admin-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px}.admin-card-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.admin-card-header h2{font-size:18px;color:#1e293b}.admin-card-body{padding:24px}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{font-size:14px;color:#334155}.admin-table tr:hover td{background:#f8fafc}.admin-table .actions{display:flex;gap:8px}.admin-table .action-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-table .edit-action{background:#dbeafe;color:#3b82f6}.admin-table .edit-action:hover{background:#bfdbfe}.admin-table .delete-action{background:#fee2e2;color:#ef4444}.admin-table .delete-action:hover{background:#fecaca}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.add-btn:hover{background:#2563eb}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.admin-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.admin-modal-header h2{font-size:20px;color:#1e293b}.admin-modal-close{width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.admin-modal-close:hover{background:#e2e8f0}.admin-modal-body,.modal-form{padding:40px 60px}.admin-modal-footer{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.status-badge{display:inline-flex;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#dcfce7;color:#16a34a}.status-inactive{background:#fee2e2;color:#dc2626}.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:10px;color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;z-index:2000;animation:slideIn .3s ease}.toast-success{background:#22c55e}.toast-error{background:#ef4444}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:768px){.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}}.inline-editable{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.inline-editable:hover{background:#f1f5f9}.inline-editable .edit-icon{opacity:0;transition:opacity .2s ease}.inline-editable:hover .edit-icon{opacity:1}.admin-modal-large{max-width:700px;width:95%}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-weight:600;color:#334155;font-size:14px;margin-bottom:8px}.admin-form-group input[type=email],.admin-form-group input[type=number],.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group select,.admin-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .2s ease;background:#fff;color:#1e293b}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:#6b21a8;box-shadow:0 0 0 4px rgba(107,33,168,.1)}.admin-form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.admin-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}@media (max-width:600px){.admin-form-row{grid-template-columns:1fr}}.admin-checkbox-group{display:flex;flex-direction:column;gap:12px}.admin-checkbox-group>label{display:flex;align-items:center;gap:10px;font-weight:500;color:#475569;cursor:pointer;padding:10px 14px;border-radius:8px;border:2px solid #e2e8f0;transition:all .2s ease;margin-bottom:0}.admin-checkbox-group>label:hover{border-color:#cbd5e1;background:#f8fafc}.admin-checkbox-group input[type=checkbox]{width:20px;height:20px;border-radius:4px;accent-color:#6b21a8;cursor:pointer}.admin-image-upload{display:flex;gap:12px;align-items:stretch}.admin-image-upload input[type=text]{flex:1 1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px}.admin-image-upload input[type=text]:focus{outline:none;border-color:#6b21a8;box-shadow:0 0 0 4px rgba(107,33,168,.1)}.admin-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#6b21a8,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,33,168,.3)}.admin-image-preview{margin-top:16px;max-width:100%;max-height:200px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0}.admin-btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-secondary:hover{background:#e2e8f0;color:#334155}.admin-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#6b21a8,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,33,168,.3)}.admin-btn-primary:disabled,.admin-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-controls-section{padding:20px 0;background:#f8fafc}.admin-section-header{display:flex;justify-content:flex-start}.admin-add-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#6b21a8,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(107,33,168,.2)}.admin-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,33,168,.3)}.admin-card{position:relative}.admin-card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:10;opacity:1}.admin-delete-btn,.admin-edit-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}.admin-edit-btn{background:#fff;color:#6b21a8}.admin-edit-btn:hover{background:#6b21a8;color:#fff;transform:scale(1.1)}.admin-delete-btn{background:#fff;color:#dc2626}.admin-delete-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.loading-section{padding:60px 0}.no-results{text-align:center;padding:60px 20px}.no-results h3{font-size:20px;color:#334155;margin-bottom:8px}.no-results p{color:#64748b}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.section-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-edit-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(107,33,168,.1);color:#6b21a8;border:2px solid rgba(107,33,168,.2);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.section-edit-btn:hover{background:#6b21a8;color:#fff;border-color:#6b21a8}.editable-item-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .2s ease}.editable-item-card:hover{border-color:#6b21a8;box-shadow:0 4px 12px rgba(107,33,168,.1)}.editable-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.editable-item-header h4{font-size:16px;color:#334155;font-weight:600}.item-actions{display:flex;gap:8px}.item-action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.item-action-btn.edit{background:#dbeafe;color:#2563eb}.item-action-btn.edit:hover{background:#2563eb;color:#fff}.item-action-btn.delete{background:#fee2e2;color:#dc2626}.item-action-btn.delete:hover{background:#dc2626;color:#fff}.file-upload-wrapper{display:flex;flex-direction:column;gap:12px}.file-upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#f8fafc}.file-upload-area:hover{border-color:#6b21a8;background:rgba(107,33,168,.05)}.file-upload-area.dragging{border-color:#6b21a8;background:rgba(107,33,168,.1)}.file-upload-icon{width:48px;height:48px;margin:0 auto 12px;color:#94a3b8}.file-upload-text{color:#64748b;font-size:14px;margin-bottom:8px}.file-upload-text strong{color:#6b21a8}.file-upload-hint{color:#94a3b8;font-size:12px}.file-preview{position:relative;display:inline-block}.file-preview img{max-width:200px;max-height:150px;border-radius:10px;border:2px solid #e2e8f0}.file-preview-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#dc2626;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.file-preview-remove:hover{transform:scale(1.1)}.grid-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.empty-state{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.empty-state h4{font-size:18px;color:#334155;margin-bottom:8px}.empty-state p{color:#64748b;font-size:14px}.react-datepicker-wrapper{width:100%}.form-group .react-datepicker__input-container input,.react-datepicker-wrapper .form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group .react-datepicker__input-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(46,122,189,.1)}.react-datepicker-popper{z-index:9999!important}.react-datepicker{font-family:inherit;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.react-datepicker__header{background-color:var(--primary-color);border-bottom:none;border-radius:8px 8px 0 0;padding-top:12px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--primary-color);color:#fff}.react-datepicker__day:hover{background-color:rgba(46,122,189,.1)}.modal-content.large{max-width:900px;width:90%}.modal-content.extra-large{max-width:1200px;width:95%}.tag{display:inline-flex;gap:8px;padding:6px 12px;background-color:#e3f2fd;border-radius:999px;font-size:.85rem;font-weight:500}.tag,.tag-remove{align-items:center;color:#1976d2}.tag-remove{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:20px;height:20px;display:flex;justify-content:center;border-radius:50%;transition:all .2s ease}.tag-remove:hover{background-color:rgba(25,118,210,.2)}.badge{color:#fff}.badge,.status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:hover{background-color:#f8f9fa}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-content.extra-large,.modal-content.large{max-width:100%;width:95%;margin:10px}}input[type=color]{height:45px;padding:4px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease}input[type=color]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(46,122,189,.1)}.action-buttons{display:flex;gap:8px;align-items:center}.btn-icon{padding:8px;background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;color:#666}.btn-icon:hover{background-color:#f5f5f5;border-color:#bbb;color:#333}.btn-icon.btn-danger{border-color:#ffcdd2;color:#d32f2f}.btn-icon.btn-danger:hover{background-color:#ffebee;border-color:#ef5350;color:#c62828}.modal-body{max-height:60vh;overflow-y:auto;padding:20px}.btn.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px hsla(208,7%,46%,.3)}.btn.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}