.vh-100 {
			min-height: 100vh;
		}

		.sidebar-link.active {
			background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
			color: white;
		}

		.modal {
			display: none;
		}

		.modal.active {
			display: flex;
		}

		.content-section {
			display: none;
		}

		.content-section.active {
			display: block;
		}

		.file-upload-wrapper {
			position: relative;
			overflow: hidden;
			display: inline-block;
			width: 100%;
		}

		.file-upload-wrapper input[type=file] {
			position: absolute;
			left: -9999px;
		}

		.file-upload-label {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0.75rem 1rem;
			border: 2px dashed #d1d5db;
			border-radius: 0.5rem;
			cursor: pointer;
			transition: all 0.3s;
		}

		.file-upload-label:hover {
			border-color: #3b82f6;
			background-color: #eff6ff;
		}

		.image-preview {
			max-width: 200px;
			max-height: 200px;
			margin-top: 0.5rem;
			border-radius: 0.5rem;
		}
		.gradient-bg {
            background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #3b82f6 100%);
        }
        .login-card {
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.95);
        }
        .input-icon {
            position: absolute;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: #9ca3af;
        }
        .input-with-icon {
            padding-left: 2.75rem;
        }
        .password-toggle {
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: #9ca3af;
        }
        .password-toggle:hover {
            color: #3b82f6;
        }
		.sidebar-link.active {
			background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
			color: white;
		}

		.section-panel {
			border: 2px solid #e5e7eb;
			border-radius: 12px;
			overflow: hidden;
			transition: all 0.3s ease;
		}

		.section-panel.collapsed .panel-content {
			display: none;
		}

		.section-panel .panel-header {
			cursor: pointer;
			background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
		}

		.section-panel .panel-header:hover {
			background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
		}

		.image-preview {
			position: relative;
			display: inline-block;
		}

		.image-preview .remove-btn {
			position: absolute;
			top: -8px;
			right: -8px;
			background: #ef4444;
			color: white;
			border-radius: 50%;
			width: 24px;
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			font-size: 12px;
		}

		.sticky-save {
			position: sticky;
			bottom: 0;
			z-index: 40;
			background: white;
			box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
		}

		.error-message {
			display: none;
			color: #ef4444;
			font-size: 0.875rem;
			margin-top: 0.25rem;
		}

		.error-message.active {
			display: block;
		}

		.input-error {
			border-color: #ef4444 !important;
		}

		.drag-handle {
			cursor: move;
		}

		.sortable-ghost {
			opacity: 0.4;
		}

		.ql-editor {
			min-height: 30px;
		}