:root{--primary:#123558;--primary-light:#1e5a8e;--primary-dark:#0d2640;--secondary:#4a90e2;--accent:#2ecc71;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-page:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--primary:#4a90e2;--primary-light:#6eb5ff;--primary-dark:#2e5a8e;--bg-page:#0f172a;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--gray-50:#1e293b;--gray-100:#334155;--gray-200:#475569;--gray-300:#64748b;--gray-400:#94a3b8;--gray-500:#cbd5e1;--gray-600:#e2e8f0;--gray-700:#f1f5f9;--gray-800:#f8fafc;--gray-900:#fff;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080}body{background-color:#f8fafc;background-color:var(--bg-page);color:#1e293b;color:var(--text-primary);line-height:1.6}.btn{border-radius:10px;border-radius:var(--border-radius-md);gap:var(--space-sm);justify-content:center;line-height:1.5;outline:none;text-decoration:none;transition:none;white-space:nowrap}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:#123558;background:var(--primary);box-shadow:0 1px 3px #0000001a;transition:opacity .15s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);color:#123558;color:var(--primary);transition:opacity .15s ease,border-color .15s ease}.btn-secondary:hover:not(:disabled){border-color:#123558;border-color:var(--primary);opacity:.9}.btn-success{background:#10b981;background:var(--success);transition:opacity .15s ease}.btn-success:hover:not(:disabled){opacity:.9}.btn-warning{background:#f59e0b;background:var(--warning);color:#fff;transition:opacity .15s ease}.btn-warning:hover:not(:disabled){opacity:.9}.btn-danger{background:#ef4444;background:var(--error);transition:opacity .15s ease}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{font-size:13px;padding:6px 14px}.btn-lg{font-size:16px;padding:14px 28px}.btn-icon{border-radius:50%}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;overflow:hidden;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-header{background:#f8f9fa;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:24px;padding:var(--space-lg)}.card-footer{background:#f8f9fa;background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color)}.modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal-backdrop)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow);background:#fff;background:var(--bg-card);border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;z-index:1050;z-index:var(--z-modal)}.modal,.modal form{display:flex;flex-direction:column;overflow:hidden}.modal form{flex:1 1;min-height:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#f8f9fa;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:32px;padding:var(--space-xl)}.modal-title{color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:32px}.modal-close:hover{background:#e9ecef;background:var(--gray-200);color:#1e293b;color:var(--text-primary)}.modal-body{flex:1 1;min-height:0;overflow-y:auto}.modal-body,.modal-footer{padding:32px;padding:var(--space-xl)}.modal-footer{align-items:center;background:#f8f9fa;background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;gap:var(--space-md);justify-content:flex-end}.form-group{margin-bottom:24px;margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm)}.form-control,.form-label{color:#1e293b;color:var(--text-primary);font-size:14px}.form-control{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:10px;border-radius:var(--border-radius-md);line-height:1.5;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-control::placeholder{color:#94a3b8;color:var(--text-tertiary);opacity:.8}.form-control::-webkit-input-placeholder{color:#94a3b8;color:var(--text-tertiary);opacity:.8}.form-control::-moz-placeholder{color:#94a3b8;color:var(--text-tertiary);opacity:.8}.form-control:-ms-input-placeholder{color:#94a3b8;color:var(--text-tertiary);opacity:.8}.form-control:focus{border-color:#123558;border-color:var(--primary);box-shadow:0 0 0 3px #1235581a;outline:none}.form-control:disabled{background:#f1f3f5;background:var(--gray-100);cursor:not-allowed}textarea.form-control{min-height:100px;resize:vertical}.form-check{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.form-check span{color:#1e293b;color:var(--text-primary);font-size:14px}.form-check-input{cursor:pointer;height:18px;width:18px}.grid{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.badge{padding:4px 10px;white-space:nowrap}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:#e9ecef;background:var(--gray-200);color:#495057;color:var(--gray-700)}.loading-container{gap:16px;gap:var(--space-md);padding:48px;padding:var(--space-2xl)}.spinner{border:3px solid #e9ecef;border:3px solid var(--gray-200);border-top-color:var(--primary)}.empty-state{color:#64748b;color:var(--text-secondary);padding:48px;padding:var(--space-2xl);text-align:center}.empty-state-icon{color:#dee2e6;color:var(--gray-300);font-size:48px;margin-bottom:16px;margin-bottom:var(--space-md)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.modal{max-height:95vh;max-width:95vw}.modal-body,.modal-footer,.modal-header{padding:24px;padding:var(--space-lg)}}.mt-0{margin-top:0}.mt-sm{margin-top:8px;margin-top:var(--space-sm)}.mt-md{margin-top:16px;margin-top:var(--space-md)}.mt-lg{margin-top:24px;margin-top:var(--space-lg)}.mt-xl{margin-top:32px;margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:32px;margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:16px;gap:var(--space-md)}.gap-lg{gap:24px;gap:var(--space-lg)}.modal-large{max-width:800px}.table-container{background:#fff;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto}.data-table thead{background:#f8f9fa;background:var(--gray-50);border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--gray-200)}.data-table th{color:#495057;color:var(--gray-700);letter-spacing:.05em}.data-table td,.data-table th{padding:16px;padding:var(--space-md)}.data-table td{border-bottom:1px solid #e2e8f0;color:#64748b}.data-table tbody tr:last-child td{border-bottom:none}.table-cell-content{align-items:center;display:flex}.data-table code{background:#f1f3f5;background:var(--gray-100);border-radius:4px;color:#1e293b;color:var(--text-primary);font-size:.875rem;padding:2px 6px}.categories-list{margin-top:24px;margin-top:var(--space-lg)}.form-hint{color:#adb5bd;color:var(--gray-500);display:block;font-size:.875rem;margin-top:4px}.file-input-wrapper{margin-top:8px;margin-top:var(--space-sm);position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-input-label{align-items:center;background:#f8f9fa;background:var(--gray-50);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:10px;border-radius:var(--border-radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;gap:var(--space-sm);justify-content:center;padding:24px;padding:var(--space-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.file-input-label:hover{background:#1e5a8e;background:var(--primary-light);border-color:#123558;border-color:var(--primary);color:#fff}.file-input-label svg{height:24px;width:24px}.image-preview{border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;position:relative;width:100%}.remove-preview-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;right:var(--space-sm);top:8px;top:var(--space-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:32px}.remove-preview-btn:hover{background:#ef4444;transform:scale(1.1)}.remove-preview-btn svg{height:20px;width:20px}.image-gallery-preview{grid-gap:16px;grid-gap:var(--space-md);gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:16px;margin-top:var(--space-md)}.gallery-image-item{aspect-ratio:1;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--border-radius-md)}.remove-gallery-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:4px;right:var(--space-xs);top:4px;top:var(--space-xs);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:28px}.gallery-image-item:hover .remove-gallery-btn{opacity:1}.remove-gallery-btn:hover{background:#ef4444;transform:scale(1.1)}.remove-gallery-btn svg{height:16px;width:16px}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator:hover,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date]::-webkit-datetime-edit,[data-theme=dark] input[type=datetime-local]::-webkit-datetime-edit,[data-theme=dark] input[type=time]::-webkit-datetime-edit{color:#1e293b;color:var(--text-primary)}[data-theme=dark] input[type=date]::-webkit-datetime-edit-fields-wrapper,[data-theme=dark] input[type=time]::-webkit-datetime-edit-fields-wrapper{color:#1e293b;color:var(--text-primary)}:root{--primary-color:#123558;--primary-dark:#0e2b48;--primary-light:#1a4971;--secondary-color:#2c5282;--accent-color:#3182ce;--success-color:#38a169;--warning-color:#d69e2e;--danger-color:#e53e3e;--text-dark:#1a202c;--text-light:#4a5568;--bg-light:#f7fafc;--bg-white:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc;background-color:var(--bg-light);color:#1a202c;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#123558;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0e2b48;background:var(--primary-dark)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#123558,#1a4971);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0e2b48,#123558);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#2c5282;background:var(--secondary-color);color:#fff}.btn-success{background:#38a169;background:var(--success-color);color:#fff}.btn-danger{background:#e53e3e;background:var(--danger-color);color:#fff}.btn-outline{background:#0000;border:2px solid #123558;border:2px solid var(--primary-color);color:#123558;color:var(--primary-color)}.btn:disabled{cursor:not-allowed;opacity:.6}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.card-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#123558;color:var(--primary-color);font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.form-group{margin-bottom:20px}.form-label{color:#1a202c;color:var(--text-dark);display:block;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#123558;border-color:var(--primary-color);box-shadow:0 0 0 3px #1235581a;outline:none}.form-error{color:#e53e3e;color:var(--danger-color);font-size:12px;margin-top:5px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.badge-success{background:#c6f6d5;color:#22543d}.badge-warning{background:#feebc8;color:#7c2d12}.badge-danger{background:#fed7d7;color:#742a2a}.badge-info{background:#bee3f8;color:#2c5282}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{border:3px solid #e2e8f0;border:3px solid var(--border-color);border-top-color:var(--primary-color);height:40px;width:40px}@media (max-width:768px){.container{padding:0 15px}.card{padding:15px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.login-box{animation:slideUp var(--transition-slow);background:var(--bg-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:440px;padding:var(--space-2xl);width:100%}.login-header{margin-bottom:var(--space-xl);text-align:center}.login-logo{margin-bottom:var(--space-lg)}.login-logo,.logo-icon{display:flex;justify-content:center}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:20px;box-shadow:var(--shadow-lg);color:#fff;font-size:36px;height:72px;width:72px}.login-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--space-sm)}.login-header p{color:var(--text-secondary);font-size:14px;margin:0}.login-form{margin-bottom:var(--space-lg)}.login-form .form-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:var(--space-sm)}.login-form .form-label svg{color:var(--primary);font-size:18px}.login-footer{border-top:1px solid var(--border-color);padding-top:var(--space-lg);text-align:center}.login-footer p{color:var(--text-tertiary);font-size:13px;margin:0}@media (max-width:480px){.login-box{padding:var(--space-xl)}.login-header h1{font-size:24px}.logo-icon{font-size:30px;height:60px;width:60px}}.dashboard-header{margin-bottom:var(--space-xl)}.dashboard-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 var(--space-xs) 0}.dashboard-header p{color:var(--text-secondary);font-size:16px;margin:0}.stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-xl)}.stat-card{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-hover) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:var(--space-lg);overflow:hidden;padding:var(--space-xl);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--primary);box-shadow:0 12px 24px #0000001a,0 4px 8px #0000000f;transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{align-items:center;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.stat-card:hover .stat-icon{box-shadow:0 6px 16px #00000026;transform:scale(1.1) rotate(5deg)}.stat-content{flex:1 1}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin-bottom:var(--space-xs)}.stat-title{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-arrow{color:var(--text-tertiary);font-size:24px;opacity:.5;transition:all var(--transition-base)}.stat-card:hover .stat-arrow{color:var(--primary);opacity:1;transform:translateX(4px)}.card-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.quick-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-action-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:var(--space-md);overflow:hidden;padding:var(--space-md);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-item:before{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.quick-action-item:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateX(8px)}.quick-action-item:hover:before{transform:scaleY(1)}.quick-action-icon{align-items:center;background:var(--primary);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #12355826;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.quick-action-item:hover .quick-action-icon{background:var(--primary-light);box-shadow:0 4px 12px #12355840;transform:rotate(10deg) scale(1.1)}.quick-action-item .arrow{color:var(--text-tertiary);font-size:18px;margin-left:auto;transition:all var(--transition-base)}.quick-action-item:hover .arrow{color:var(--primary);transform:translateX(2px)}.stats-summary{display:flex;flex-direction:column;gap:var(--space-lg)}.summary-item{align-items:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-hover) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 2px 6px #0000000a;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.summary-item>svg{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #12355833;color:#fff;flex-shrink:0;font-size:32px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-item:hover>svg{box-shadow:0 4px 12px #1235584d;transform:scale(1.1)}.summary-label{color:var(--text-secondary);font-size:13px;margin-bottom:2px}.summary-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:24px}}.content-manage{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}.header-info h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 var(--space-xs) 0}.header-info p{color:var(--text-secondary);font-size:14px;margin:0}.events-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.event-card{display:flex;flex-direction:column;transition:transform var(--transition-base)}.event-card:hover{transform:translateY(-4px)}.event-image-container{background:var(--gray-100);height:200px;overflow:hidden;width:100%}.event-image{height:100%;object-fit:cover;width:100%}.event-header-row{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.event-title{color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;margin:0}.event-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 var(--space-lg) 0;overflow:hidden}.event-details{background:var(--gray-50);border-radius:var(--border-radius-md);flex-direction:column;margin-bottom:var(--space-lg);padding:var(--space-md)}.detail-item,.event-details{display:flex;gap:var(--space-sm)}.detail-item{align-items:center;color:var(--text-secondary);font-size:13px}.detail-item svg{color:var(--primary);flex-shrink:0;font-size:16px}.event-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-md)}.alert-info{align-items:center;background:#dbeafe;border:1px solid #3b82f6;border-radius:var(--border-radius-md);color:#1e40af;display:flex;font-size:14px;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.alert-info svg{color:#3b82f6;flex-shrink:0;font-size:20px}.alert-info span{color:inherit}.image-preview{border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--space-md);max-width:300px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.file-preview{align-items:center;background:var(--gray-50);border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;font-size:13px;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}.file-preview svg{color:var(--primary);font-size:18px}@media (max-width:768px){.content-manage{padding:var(--space-lg)}.content-header{align-items:flex-start;flex-direction:column}.content-header .btn{width:100%}.events-grid{grid-template-columns:1fr}.event-actions{flex-direction:column}.event-actions .btn{width:100%}}.image-gallery-preview{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:var(--space-sm)}.gallery-image-item{border:2px solid var(--gray-200);border-radius:var(--radius-md);height:120px;overflow:hidden;position:relative;width:100%}.gallery-image-item img{height:100%;object-fit:cover;width:100%}.role-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.role-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.role-admin{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#fff}.role-editor{background:linear-gradient(135deg,var(--secondary) 0,#6eb5ff 100%);color:#fff}.role-viewer{background:linear-gradient(135deg,var(--gray-400) 0,var(--gray-500) 100%);color:#fff}.role-events{background:linear-gradient(135deg,var(--success) 0,#34d399 100%);color:#fff}.role-announcements{background:linear-gradient(135deg,var(--warning) 0,#fbbf24 100%);color:#fff}.role-blog{background:linear-gradient(135deg,var(--info) 0,#60a5fa 100%);color:#fff}.role-banners{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.data-table{background:var(--bg-card);border-collapse:collapse;border-radius:12px;box-shadow:0 4px 20px #00000014;display:table;overflow:hidden;width:100%}.data-table thead{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.data-table th{color:#fff;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{font-size:.875rem;padding:16px 20px}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;padding:0;transition:opacity .15s ease;width:36px}.btn-icon:hover:not(:disabled){opacity:.85}.btn-icon:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0,#6eb5ff 100%);box-shadow:0 2px 8px #4a90e24d;color:#fff}.btn-icon.btn-danger{background:linear-gradient(135deg,var(--error) 0,#f87171 100%);box-shadow:0 2px 8px #ef44444d;color:#fff}.checkbox-label{align-items:center;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.status-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s ease}.status-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.status-active{background:linear-gradient(135deg,var(--success) 0,#34d399 100%);color:#fff}.status-inactive{background:linear-gradient(135deg,var(--gray-400) 0,var(--gray-600) 100%);color:#fff}.badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s ease}.badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.badge-success{background:linear-gradient(135deg,var(--success) 0,#34d399 100%);color:#fff}.badge-gray{background:linear-gradient(135deg,var(--gray-400) 0,var(--gray-600) 100%);color:#fff}@media (max-width:1200px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:800px}.data-table td,.data-table th{font-size:.813rem;padding:12px 14px}}@media (max-width:1024px){.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-lg);overflow-x:auto}.data-table{min-width:700px}}@media (max-width:768px){.table-container{overflow-x:visible;padding:0}.data-table{border:0;box-shadow:none;display:block;min-width:auto;width:100%}.data-table thead{clip:rect(0,0,0,0);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.data-table tbody,.data-table tr{display:block;width:100%}.data-table tr{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 2px 12px #00000014;margin-bottom:var(--space-lg);overflow:hidden}.data-table td{align-items:flex-start;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;font-size:14px;gap:var(--space-md);justify-content:space-between;padding:14px 16px;text-align:right;width:100%}.data-table td:last-child{background:var(--bg-hover);border-bottom:0;padding:16px}.data-table td:before{color:var(--text-primary);content:attr(data-label);display:inline-block;flex-shrink:0;font-weight:600;min-width:100px;text-align:left}.data-table td:last-child:before{content:"";display:none}.data-table td:last-child{align-items:center;justify-content:center}.table-actions{gap:10px;justify-content:center;margin-top:0;width:100%}.btn-icon{font-size:1.15rem;height:42px;width:42px}.table-cell-content{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}td .role-badge,td .status-badge{font-size:.75rem;margin:2px;padding:5px 10px}.data-table td .role-badge{display:inline-block}.data-table td>div,.data-table td>span{flex:1 1;text-align:right}}@media (max-width:480px){.content-manage{padding:var(--space-sm)}.content-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.content-header h1{font-size:1.5rem}.data-table td{align-items:flex-start;flex-direction:column;gap:6px;padding:12px 14px}.data-table td:before{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin-bottom:4px;min-width:auto;text-transform:uppercase;width:100%}.data-table td{text-align:left}.data-table td>div,.data-table td>span{text-align:left;width:100%}.table-actions{flex-wrap:wrap;justify-content:center;width:100%}.table-cell-content{justify-content:flex-start;width:100%}.btn-icon{height:44px;width:44px}}.editor-info{align-items:center;background:#dbeafe;border:1px solid #3b82f6;border-radius:var(--border-radius-md);color:#1e40af;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:12px 16px}.editor-info svg{color:#3b82f6;flex-shrink:0;font-size:18px}.editor-info span{color:inherit}.quill{background:var(--bg-card);border-radius:var(--border-radius-md);overflow:hidden}.ql-toolbar{background:var(--gray-50);border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0!important}.ql-container{border:1px solid var(--border-color)!important;border-radius:0 0 var(--border-radius-md) var(--border-radius-md)!important;font-size:16px}.ql-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.8;min-height:400px;padding:20px}.ql-editor.ql-blank:before{color:var(--text-secondary);font-style:normal}.ql-editor img{border-radius:var(--border-radius-md);margin:16px 0}.ql-editor h1,.ql-editor h2,.ql-editor h3{color:var(--text-primary);font-weight:700;margin:24px 0 12px}.ql-editor p{margin-bottom:16px}.ql-editor blockquote{background:var(--gray-50);border-left:4px solid var(--primary);font-style:italic;margin:16px 0;padding:12px 20px}.dark .ql-toolbar{background:var(--gray-800)}.dark .ql-container,.dark .ql-toolbar{border-color:var(--border-color)!important}.dark .ql-container{background:var(--gray-900)}.dark .ql-editor{color:var(--text-primary)}.dark .ql-editor.ql-blank:before{color:var(--text-secondary)}.ql-container,.ql-editor,.ql-editor img,.quill{position:relative!important}.ql-editor img{cursor:pointer;height:auto;max-width:100%}.img-resize,.img-resize :not(.img-resize-overlay),.quill-image-resize,[class*=img-resize]{position:absolute!important}.img-resize .handle,[class*=handle]{background:#2563eb!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;cursor:pointer!important;height:12px!important;pointer-events:auto!important;position:absolute!important;width:12px!important;z-index:100!important}.quill-display-size,[class*=display-size]{background:#000c!important;border-radius:4px!important;color:#fff!important;font-size:12px!important;padding:6px 10px!important;pointer-events:none!important;position:absolute!important;white-space:nowrap!important;z-index:102!important}.img-resize-overlay,[class*=overlay]{background:#0000!important;bottom:0!important;cursor:inherit!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:98!important}.ql-editor img:focus,.ql-editor img[data-active=true]{outline:2px solid #2563eb!important;outline-offset:2px!important}.ql-editor.scrolling .img-resize,.ql-editor.scrolling .quill-display-size{opacity:0!important;pointer-events:none!important;transition:opacity .1s ease!important}.ql-editor iframe{border-radius:8px;margin:16px 0;max-width:100%}.ql-video{height:400px;width:100%}.ql-snow .ql-picker.ql-video .ql-picker-item:before,.ql-snow .ql-picker.ql-video .ql-picker-label:before{content:"Video"}[data-theme=dark] .alert-info{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}[data-theme=dark] .alert-info svg{color:#60a5fa}[data-theme=dark] .editor-info{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}[data-theme=dark] .editor-info svg{color:#60a5fa}[data-theme=dark] .checkbox-label,[data-theme=dark] .form-label{color:var(--text-primary)!important}[data-theme=dark] .checkbox-label{background:var(--bg-card)!important}[data-theme=dark] .checkbox-label strong{color:var(--text-primary)!important}[data-theme=dark] .checkbox-label small,[data-theme=dark] .checkbox-label small[style*=color]{color:var(--text-secondary)!important}[data-theme=dark] .checkbox-label svg{color:var(--text-primary)!important}.blog-editor-page{background:var(--bg-page);display:flex;flex-direction:column;min-height:100vh;position:relative}.blog-editor-page:after,.blog-editor-page:before{content:none!important;display:none!important}.blog-editor-page *{pointer-events:auto!important}.editor-topbar{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.back-button:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.topbar-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.topbar-actions{display:flex;gap:12px}.wordpress-layout{background:var(--bg-page);display:flex;flex:1 1;gap:0;margin:0 auto;max-width:1800px;position:relative;width:100%}.editor-area{background:var(--bg-card);flex:1 1;max-width:70%;overflow-y:auto;padding:60px 80px;position:relative;z-index:1}.editor-area *,.title-input-large{pointer-events:auto!important}.title-input-large{background:#0000;border:none;color:var(--text-primary);cursor:text!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:42px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:30px;outline:none;padding:0;position:relative;width:100%;z-index:50!important}.title-input-large:focus{outline:none;z-index:51!important}.title-input-large::placeholder{color:var(--text-tertiary)}.editorjs-container{color:#374151;cursor:text!important;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.8;min-height:500px;pointer-events:auto!important;position:relative;z-index:50!important}.editorjs-container:focus-within{outline:none;z-index:51!important}.editorjs-container *{pointer-events:auto!important}.ce-block{margin-bottom:16px;position:relative}.ce-block,.ce-block__content{pointer-events:auto!important;z-index:50!important}.ce-block__content{max-width:100%}.ce-block__content *{pointer-events:auto!important}.ce-toolbar,.ce-toolbar__content,.ce-toolbar__plus,.ce-toolbar__settings-btn{pointer-events:auto!important;z-index:100!important}.ce-paragraph{color:#374151;font-size:19px;line-height:1.8;margin-bottom:24px}.ce-header{color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:700;line-height:1.3;margin-bottom:20px;margin-top:40px}[data-level="1"].ce-header{font-size:42px;letter-spacing:-.8px}[data-level="2"].ce-header{font-size:36px;letter-spacing:-.6px}[data-level="3"].ce-header{font-size:28px;letter-spacing:-.4px}[data-level="4"].ce-header{font-size:24px}[data-level="5"].ce-header{font-size:20px}[data-level="6"].ce-header{font-size:18px}.ce-list{font-size:19px;line-height:1.8;margin-bottom:24px}.ce-list__item{color:#374151;padding:8px 0}.cdx-quote{border-left:4px solid #123558;color:#4b5563;font-style:italic;margin:40px 0;padding-left:30px}.cdx-quote__text{font-size:22px;line-height:1.6;margin-bottom:12px}.cdx-quote__caption{color:#9ca3af;font-size:16px;font-style:normal}.ce-code__textarea{background:#1e293b;border:none;border-radius:8px;color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.6;padding:20px}.cdx-block.image-tool{margin:40px 0}.image-tool__image{border-radius:8px;max-width:100%;overflow:hidden;width:100%}.image-tool__image-picture{display:block;width:100%}.image-tool__image img,.image-tool__image-picture img{border-radius:8px;display:block;height:auto!important;max-width:100%!important;width:100%!important}.image-tool__image--loading .image-tool__image-preloader,.image-tool__image--loading:after{display:none!important}.image-tool__caption{color:#9ca3af;font-size:14px;font-style:italic;margin-top:12px;text-align:center}.cdx-block.image-size-small{margin-left:0;margin-right:auto;max-width:33%}.cdx-block.image-size-medium{margin-left:auto;margin-right:auto;max-width:50%}.cdx-block.image-size-large{margin-left:auto;margin-right:auto;max-width:75%}.cdx-block.image-size-full{max-width:100%;width:100%}.cdx-block.image-size-large .image-tool__image,.cdx-block.image-size-medium .image-tool__image,.cdx-block.image-size-small .image-tool__image{width:100%}.cdx-block.image-size-full .image-tool__image img,.cdx-block.image-size-large .image-tool__image img,.cdx-block.image-size-medium .image-tool__image img,.cdx-block.image-size-small .image-tool__image img{display:block;height:auto;width:100%}@media (max-width:768px){.cdx-block.image-size-large,.cdx-block.image-size-medium,.cdx-block.image-size-small{max-width:100%}}.tc-table{border-collapse:collapse;margin:30px 0;width:100%}.tc-table__cell{border:1px solid #e2e8f0;font-size:16px;padding:12px}.embed-tool{margin:40px 0}.embed-tool__caption{color:#9ca3af;font-size:14px;margin-top:12px;text-align:center}.ce-delimiter{line-height:1.6em;margin:40px 0;text-align:center;width:100%}.ce-delimiter:before{color:#cbd5e1;content:"***";display:inline-block;font-size:30px;height:30px;letter-spacing:.2em;line-height:65px}.ce-toolbar__content{max-width:100%}.ce-toolbar__plus,.ce-toolbar__settings-btn{color:#64748b}.ce-toolbar__plus:hover,.ce-toolbar__settings-btn:hover{background:#f1f5f9}.ce-inline-toolbar{background:#1e293b;border-radius:8px;box-shadow:0 10px 25px #0003}.ce-inline-tool{color:#fff}.ce-inline-tool:hover{background:#334155}.ce-block--drop-target .ce-block__content:before{background:#3b82f6;height:2px}.editor-hints{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:4px;margin-top:40px;padding:20px}.editor-hints p{color:#475569;font-size:14px;margin:0 0 12px}.editor-hints ul{list-style:none;margin:0;padding-left:20px}.editor-hints li{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:8px}.editor-hints li:before{color:#3b82f6;content:"→";margin-right:8px}.editor-hints kbd{background:var(--bg-card);border:1px solid var(--border-color);border-radius:3px;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);font-family:monospace;font-size:12px;padding:2px 6px}.settings-sidebar{background:var(--bg-page);border-left:1px solid var(--border-color);max-width:400px;overflow-y:auto;padding:30px 24px;position:relative;width:30%;z-index:1}.sidebar-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow:hidden;pointer-events:auto;position:relative;z-index:1}.panel-title{background:var(--bg-page);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.3px;margin:0;padding:16px 20px;text-transform:uppercase}.panel-content{padding:20px}.form-group-compact{margin-bottom:18px}.form-group-compact:last-child{margin-bottom:0}.label-compact{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.input-compact,.textarea-compact{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;pointer-events:auto;position:relative;transition:border-color .2s,box-shadow .2s;width:100%;z-index:1}.input-compact:focus,.textarea-compact:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a90e21a;outline:none;z-index:2}.textarea-compact{font-family:inherit;line-height:1.5;resize:vertical}.image-upload-area{width:100%}.upload-label{border-radius:8px;cursor:pointer;display:block;overflow:hidden;transition:opacity .2s}.upload-label:hover{opacity:.9}.upload-placeholder{align-items:center;background:var(--bg-page);border:2px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;transition:all .2s}.upload-placeholder:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.upload-icon{color:var(--text-secondary);font-size:48px;height:48px;margin-bottom:12px;width:48px}.upload-placeholder span{color:var(--text-secondary);font-size:14px}.image-preview-large{border-radius:8px;display:block;height:auto;width:100%}.gallery-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.gallery-thumb{aspect-ratio:1;background:var(--bg-hover);border-radius:8px;overflow:hidden;position:relative}.gallery-thumb img{height:100%;object-fit:cover;width:100%}.remove-thumb{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:all .2s;width:28px}.gallery-thumb:hover .remove-thumb{opacity:1}.remove-thumb:hover{background:#dc2626;transform:scale(1.1)}.remove-thumb svg{height:14px;width:14px}.btn-primary-small,.btn-secondary-small{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary-small{background:var(--primary);color:#fff}.btn-primary-small:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #1235584d}.btn-primary-small:disabled{background:var(--text-tertiary);cursor:not-allowed}.btn-secondary-small{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary-small:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color)}.btn-secondary-small:disabled{cursor:not-allowed;opacity:.5}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#123558;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#64748b;font-size:16px}@media (max-width:1024px){.wordpress-layout{flex-direction:column}.editor-area{max-width:100%;padding:30px 20px}.settings-sidebar{border-left:none;border-top:1px solid #e2e8f0;max-width:100%;padding:20px 16px;width:100%}.title-input-large{font-size:28px}.editorjs-container{font-size:17px}.topbar-title{display:none}.gallery-grid-compact{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.editor-topbar{padding:12px 16px}.topbar-actions{gap:8px}.btn-primary-small,.btn-secondary-small{font-size:13px;padding:8px 14px}.editor-area{padding:20px 16px}.title-input-large{font-size:24px}.editorjs-container{font-size:16px}.gallery-grid-compact{grid-template-columns:repeat(2,1fr)}}.codex-editor-overlay,.codex-editor-overlay__container,.codex-editor-overlay__rectangle{display:none!important;pointer-events:none!important;visibility:hidden!important}.blog-editor-page #editorjs,.blog-editor-page .editorjs-container,.blog-editor-page .title-input-large{cursor:text!important;pointer-events:auto!important;position:relative!important;z-index:50!important}.blog-editor-page button,.blog-editor-page input,.blog-editor-page select,.blog-editor-page textarea{pointer-events:auto!important;position:relative;z-index:auto}.blog-editor-page form{pointer-events:auto!important}.blog-editor-page select{cursor:pointer}.blog-editor-page input[type=date],.blog-editor-page input[type=file],.blog-editor-page input[type=text]{cursor:text}.blog-editor-page button{cursor:pointer}.layout-columns-wrapper{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;margin:24px 0;padding:16px}.layout-columns-toolbar{border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.layout-columns-toolbar select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.layout-columns-toolbar select:hover{border-color:#3b82f6}.layout-columns-container{grid-gap:20px;display:grid;gap:20px}.layout-columns-wrapper[data-columns="2"] .layout-columns-container{grid-template-columns:repeat(2,1fr)}.layout-columns-wrapper[data-columns="3"] .layout-columns-container{grid-template-columns:repeat(3,1fr)}.layout-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;min-height:120px;outline:none;padding:16px;transition:all .2s}.layout-column:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.layout-column:hover{border-color:#94a3b8}.layout-columns-wrapper[data-style=bordered] .layout-column{border:2px solid #3b82f6}.layout-columns-wrapper[data-style=shadowed] .layout-column{border:none;box-shadow:0 4px 6px #0000001a}.layout-columns-wrapper[data-style=colored] .layout-column{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.cdx-checklist{list-style:none;padding:0}.cdx-checklist__item{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.cdx-checklist__item-checkbox{cursor:pointer;margin-top:4px}.cdx-checklist__item--checked .cdx-checklist__item-text{color:#94a3b8;text-decoration:line-through}.cdx-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin:20px 0;padding:16px 20px}.cdx-warning__title{color:#92400e;font-weight:600;margin-bottom:8px}.cdx-warning__message{color:#78350f;line-height:1.6}.cdx-button{margin:24px 0;text-align:center}.cdx-button__link{background:#3b82f6;border-radius:6px;box-shadow:0 2px 4px #3b82f633;color:#fff!important;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .2s}.cdx-button__link:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.cdx-attaches{margin:20px 0}.cdx-attaches__file-icon{height:32px;width:32px}.cdx-attaches__file-info{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.cdx-attaches__file-info:hover{background:#f1f5f9;border-color:#cbd5e1}.cdx-attaches__title{color:#1e293b;font-weight:500}.cdx-attaches__size{color:#64748b;font-size:14px}.cdx-marker,mark{background:#fef08a;border-radius:2px;padding:2px 4px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.image-block.align-left{margin-left:0;margin-right:auto}.image-block.align-center{margin-left:auto;margin-right:auto}.image-block.align-right{margin-left:auto;margin-right:0}.image-block.stretched img{max-width:100%;width:100%}@media (max-width:768px){.layout-columns-wrapper[data-columns="2"] .layout-columns-container,.layout-columns-wrapper[data-columns="3"] .layout-columns-container{grid-template-columns:1fr}}.ce-header,.ce-list__item,.ce-paragraph{color:var(--text-primary)!important}.cdx-quote{border-left-color:var(--primary)!important;color:var(--text-secondary)!important}.cdx-quote__text{color:var(--text-primary)!important}.cdx-quote__caption{color:var(--text-secondary)!important}.blog-editor input,.blog-editor select,.blog-editor textarea,.editorjs-container input,.editorjs-container textarea{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.cdx-simple-image__caption,.image-tool__caption{color:var(--text-secondary)!important}.tc-table{color:var(--text-primary)!important}.tc-table__cell{border-color:var(--border-color)!important}.ce-list a,.ce-paragraph a{color:var(--primary)!important}.ce-conversion-toolbar,.ce-inline-toolbar{background:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:0 4px 12px #0000004d!important}.ce-conversion-tool,.ce-inline-tool{color:var(--text-primary)!important}.ce-conversion-tool:hover,.ce-inline-tool:hover{background:var(--bg-hover)!important}.ce-settings{background:var(--bg-card)!important;border-color:var(--border-color)!important}.ce-settings__button{color:var(--text-primary)!important}.ce-settings__button:hover{background:var(--bg-hover)!important}.ce-popover{background:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:0 4px 12px #0000004d!important}.ce-popover__item{color:var(--text-primary)!important}.ce-popover__item-icon,.ce-popover__item:hover{background:var(--bg-hover)!important}.ce-popover__item-icon{color:var(--text-primary)!important}.ce-toolbar__plus,.ce-toolbar__settings-btn{background:var(--bg-card)!important;color:var(--text-primary)!important}.ce-toolbar__plus:hover,.ce-toolbar__settings-btn:hover{background:var(--bg-hover)!important}.cdx-alert{border-color:var(--border-color)!important}.cdx-alert,.cdx-warning{background:var(--bg-card)!important;color:var(--text-primary)!important}.cdx-warning__icon{color:var(--warning)!important}.ce-delimiter{color:var(--border-color)!important}.cdx-checklist__item-text{color:var(--text-primary)!important}.cdx-checklist__item-checkbox{border-color:var(--border-color)!important}.embed-tool__caption{color:var(--text-secondary)!important}.blog-editor-page select,.input-compact select,select{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.blog-editor-page select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #4a90e21a!important}.help-text,.hint-text,small{color:var(--text-secondary)!important}.help-text{display:block;font-size:12px;margin-top:6px}.text-primary-color{color:var(--primary)!important}.info-text{color:var(--text-tertiary)!important}.url-preview{background:var(--bg-hover);border-radius:4px;color:var(--text-secondary);display:inline-block;font-family:monospace;font-size:14px;margin-bottom:20px;margin-top:-20px;padding:8px 12px}.input-readonly{background:var(--bg-hover)!important;cursor:not-allowed!important}.settings-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.settings-header{margin-bottom:var(--space-xl)}.settings-header .header-info h1{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;gap:var(--space-md);margin-bottom:var(--space-sm)}.settings-header .header-info h1 svg{color:var(--primary);font-size:2.5rem}.settings-header .header-info p{color:var(--text-secondary);font-size:1rem}.settings-container{display:flex;flex-direction:column;gap:var(--space-xl);min-height:600px}.settings-page .settings-sidebar{align-items:center!important;background:var(--bg-card);border-left:none!important;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--space-sm);justify-content:center!important;margin:0 auto;max-width:100%!important;padding:var(--space-md);position:static!important;width:100%!important}.settings-page .settings-tab{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:var(--space-xs);justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.settings-page .settings-tab svg{flex-shrink:0;font-size:1.1rem}.settings-page .settings-tab:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.settings-page .settings-tab.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 4px 12px #12355833;color:#fff}.settings-content{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);min-height:600px;padding:var(--space-2xl)}.settings-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:var(--space-sm)}.section-description{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--space-2xl)}.setting-item{border:2px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--space-lg);padding:var(--space-xl);transition:all var(--transition-base)}.setting-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #1235581a;transform:translateY(-2px)}.setting-info{margin-bottom:var(--space-lg)}.setting-label{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:var(--space-sm);margin-bottom:var(--space-sm)}.setting-label svg{color:var(--primary);font-size:1.5rem}.setting-description{color:var(--text-secondary);font-size:.9rem;margin-left:2rem}.theme-toggle{display:flex;gap:var(--space-md)}.theme-option{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:var(--space-sm);padding:var(--space-xl);transition:all var(--transition-base)}.theme-option svg{font-size:2.5rem}.theme-option:hover{border-color:var(--primary);box-shadow:0 8px 20px #12355826;transform:translateY(-4px)}.theme-option.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-color:var(--primary);box-shadow:0 8px 24px #1235584d;color:#fff}.theme-preview{margin-top:var(--space-lg)}.preview-card{background:var(--bg-page);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);height:200px;overflow:hidden;position:relative;width:100%}.preview-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);height:40px}.preview-sidebar{background:var(--bg-card);display:flex;flex-direction:column;gap:8px;height:calc(100% - 40px);left:0;padding:10px;position:absolute;top:40px;width:60px}.preview-nav-item{background:var(--gray-200);border-radius:6px;height:30px;transition:all .2s}.preview-nav-item.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.preview-content{left:70px;padding:10px;position:absolute;right:10px;top:50px}.preview-line{background:var(--gray-200);border-radius:6px;height:12px;margin-bottom:8px}.preview-line.short{width:60%}.profile-info{align-items:center;background:var(--bg-hover);border-radius:var(--border-radius-lg);display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;box-shadow:0 8px 24px #1235584d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.profile-details h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--space-sm)}.profile-email{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--space-xs)}.profile-role{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 14px}.info-message{align-items:center;background:var(--bg-hover);border-left:4px solid var(--primary);border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;gap:var(--space-md);padding:var(--space-xl)}.info-message svg{color:var(--primary);flex-shrink:0;font-size:1.5rem}@media (max-width:1024px){.settings-page .settings-sidebar{gap:var(--space-sm);justify-content:center!important;padding:var(--space-sm)}.settings-page .settings-tab{font-size:.9rem;padding:var(--space-sm) var(--space-md)}.settings-page .settings-tab svg{font-size:1.1rem}}@media (max-width:768px){.settings-page{padding:var(--space-md)}.settings-header .header-info h1{font-size:1.5rem}.settings-page .settings-sidebar{gap:var(--space-xs);justify-content:center!important;padding:var(--space-sm)}.settings-page .settings-tab{flex-direction:column;gap:0;height:45px;justify-content:center;min-width:auto;padding:var(--space-xs);text-align:center;width:45px}.settings-page .settings-tab svg{font-size:1.3rem;margin:0}.settings-page .settings-tab span{display:none}.settings-content{padding:var(--space-lg)}.profile-info{text-align:center}.profile-info,.theme-toggle{flex-direction:column}}.profile-photo-section{border-bottom:2px solid var(--border-color);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl)}.profile-photo-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--space-lg)}.profile-photo-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg)}.profile-photo-preview{border:4px solid var(--border-color);border-radius:50%;box-shadow:0 8px 24px #00000026;height:150px;overflow:hidden;position:relative;width:150px}.profile-photo-preview img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#fff;display:flex;font-size:3.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.profile-photo-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.photo-hint{color:var(--text-tertiary);font-size:.875rem;margin:0;text-align:center}.profile-form{margin-top:var(--space-xl)}.profile-form h3{color:var(--text-primary);font-size:1.25rem}.profile-form .form-group,.profile-form h3{margin-bottom:var(--space-lg)}.profile-form .form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-sm)}.profile-form .required{color:var(--error)}.profile-form .form-control{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all var(--transition-base);width:100%}.profile-form .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1235581a;outline:none}.profile-form .form-control:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.7}.profile-form .form-hint{color:var(--text-tertiary);display:block;font-size:.8rem;margin-top:var(--space-xs)}.form-actions{border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:var(--space-2xl);padding-top:var(--space-xl)}.btn-sm{font-size:.875rem;padding:8px 16px}.security-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-top:var(--space-lg);padding:var(--space-xl)}.security-section-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;gap:var(--space-sm);margin-bottom:var(--space-xs)}.security-section-card .section-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-xl)}.password-form{display:flex;flex-direction:column;gap:var(--space-lg)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-control{flex:1 1;padding-right:45px}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;transition:all .2s}.password-toggle-btn:hover{background:var(--bg-hover);color:var(--primary)}.password-toggle-btn svg{font-size:1.25rem}.password-validations{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:var(--space-md);padding:var(--space-md)}.validation-item{align-items:center;display:flex;font-size:.875rem;gap:var(--space-sm);padding:var(--space-xs) 0;transition:all .3s ease}.validation-item svg{flex-shrink:0;font-size:1.1rem}.validation-item.valid,.validation-item.valid svg{color:var(--success)}.validation-item.invalid,.validation-item.invalid svg{color:var(--text-tertiary)}.password-match{align-items:center;border-radius:var(--border-radius);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm);transition:all .3s ease}.password-match svg{font-size:1.1rem}.password-match.match{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--success)}.password-match.no-match{background:#ef44441a;border:1px solid #ef44444d;color:var(--error)}.password-form .form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-sm)}.form-control::placeholder,.password-form .form-control::placeholder,.profile-form .form-control::placeholder{color:var(--text-tertiary);opacity:.8}.form-control::-webkit-input-placeholder,.password-form .form-control::-webkit-input-placeholder,.profile-form .form-control::-webkit-input-placeholder{color:var(--text-tertiary);opacity:.8}.form-control::-moz-placeholder,.password-form .form-control::-moz-placeholder,.profile-form .form-control::-moz-placeholder{color:var(--text-tertiary);opacity:.8}.form-control:-ms-input-placeholder,.password-form .form-control:-ms-input-placeholder,.profile-form .form-control:-ms-input-placeholder{color:var(--text-tertiary);opacity:.8}@media (max-width:768px){.profile-photo-preview{height:120px;width:120px}.profile-avatar-placeholder{font-size:2.5rem}.profile-photo-actions{flex-direction:column;width:100%}.profile-photo-actions .btn{width:100%}.form-actions{justify-content:stretch}.form-actions .btn{width:100%}.security-section-card{padding:var(--space-lg)}.password-validations{font-size:.8rem}.validation-item{padding:var(--space-xs)}}.layout{background:var(--bg-page);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-page) 100%);border-right:1px solid var(--border-color);box-shadow:4px 0 12px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:var(--z-sticky)}@media (max-width:1023px){.sidebar.collapsed{width:80px}.sidebar.collapsed .btn-logout span,.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-header .version,.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .user-details{display:none}}.sidebar-header{background:linear-gradient(135deg,#12355808,#4a90e208);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-xl);position:relative}.toggle-sidebar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #1235584d,0 0 0 0 #12355866;color:#fff;cursor:pointer;display:flex;font-size:22px;height:44px;justify-content:center;left:var(--space-lg);position:fixed;top:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:1001}.toggle-sidebar:hover{box-shadow:0 6px 20px #12355880;transform:scale(1.1)}.toggle-sidebar:active{transform:scale(.95)}@keyframes pulse{0%{box-shadow:0 4px 12px #1235584d,0 0 0 0 #12355866}70%{box-shadow:0 4px 12px #1235584d,0 0 0 10px #12355800}to{box-shadow:0 4px 12px #1235584d,0 0 0 0 #12355800}}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0 0 var(--space-xs) 0}.sidebar-header .version{background:var(--gray-100);border-radius:12px;color:var(--text-tertiary);font-size:12px;padding:2px 8px}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--space-lg)}@media (max-width:1023px){.sidebar.collapsed .sidebar-nav{padding:var(--space-md)}}.nav-item{align-items:center;border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:var(--space-md);margin-bottom:var(--space-xs);overflow:hidden;padding:12px var(--space-md);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (max-width:1023px){.sidebar.collapsed .nav-item{justify-content:center;padding:12px;position:relative}.sidebar.collapsed .nav-item:hover:after{animation:tooltipFade .2s ease forwards;background:var(--gray-800);border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(title);font-size:13px;left:100%;margin-left:12px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}}@keyframes tooltipFade{to{opacity:1}}.nav-item:before{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.nav-item svg{flex-shrink:0;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:var(--bg-hover);color:var(--primary);transform:translateX(4px)}.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover svg{transform:scale(1.1)}.nav-item.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 4px 12px #12355833;color:#fff;transform:translateX(4px)}.nav-item.active:before{background:#fff;transform:scaleY(1)}.sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-lg)}@media (max-width:1023px){.sidebar.collapsed .sidebar-footer{padding:var(--space-md)}}.user-info{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);position:relative;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}@media (max-width:1023px){.sidebar.collapsed .user-info{justify-content:center;padding:var(--space-md);position:relative}.sidebar.collapsed .user-info:hover:after{animation:tooltipFade .2s ease forwards;background:var(--gray-800);border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(title);font-size:13px;left:100%;margin-left:12px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}}.user-info:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 4px 12px #12355826;transform:translateY(-2px)}.settings-icon{color:var(--text-tertiary);font-size:1.25rem;transition:all var(--transition-base)}.user-info:hover .settings-icon{color:var(--primary);transform:rotate(90deg)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.btn-logout{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}@media (max-width:1023px){.sidebar.collapsed .btn-logout{padding:10px;position:relative}.sidebar.collapsed .btn-logout:hover:after{animation:tooltipFade .2s ease forwards;background:var(--gray-800);border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(title);font-size:13px;left:100%;margin-left:12px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}}.btn-logout:before{background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.btn-logout:hover:before{opacity:1}.btn-logout:hover{border-color:var(--error);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.btn-logout span,.btn-logout svg{position:relative;z-index:1}.btn-logout svg{font-size:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-logout:hover svg{transform:translateX(-4px)}.main-content{flex:1 1;margin-left:260px;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (max-width:1023px){.sidebar.collapsed~.main-content{margin-left:80px}}@media (max-width:768px){.sidebar,.sidebar.collapsed{width:80px}.btn-logout span,.nav-item span,.settings-icon,.sidebar-header .version,.sidebar-header h2,.user-details{display:none}.btn-logout,.nav-item,.user-info{justify-content:center}.main-content{margin-left:80px}.toggle-sidebar{font-size:20px;height:40px;left:10px!important;top:10px;width:40px}}.App{background-color:var(--bg-light);min-height:100vh}
/*# sourceMappingURL=main.0e0d9e29.css.map*/