Создание кнопки "Добавить занятие" с модальным окном с выбором дня,недели и тд.

frontend/admin/css/components.css

@@ -584,4 +584,50 @@ tbody tr:hover {
 
 .modal-close:hover {
     color: var(--error);
+}
+
+.btn-add-lesson {
+    padding: 0.35rem 0.7rem;
+    background: rgba(16, 185, 129, 0.1);
+    border: 1px solid rgba(16, 185, 129, 0.2);
+    border-radius: var(--radius-sm);
+    color: var(--success);
+    font-family: inherit;
+    font-size: 0.8rem;
+    cursor: pointer;
+    transition: background var(--transition), transform var(--transition);
+    position: relative;
+    overflow: hidden;
+}
+
+.btn-add-lesson:hover {
+    background: rgba(16, 185, 129, 0.2);
+    transform: scale(1.05);
+}
+
+/* Кнопки-переключатели для недели */
+.btn-checkbox {
+    display: inline-block;
+    cursor: pointer;
+}
+.btn-checkbox input {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+.checkbox-btn {
+    display: inline-block;
+    padding: 0.5rem 1rem;
+    background: var(--bg-secondary);
+    border: 1px solid var(--bg-card-border);
+    border-radius: var(--radius-sm);
+    color: var(--text-primary);
+    transition: all var(--transition);
+    user-select: none;
+}
+.btn-checkbox input:checked + .checkbox-btn {
+    background: var(--success, #10b981);  /* используем success или зелёный */
+    border-color: var(--success, #10b981);
+    color: white;
 }