body { font-family: 'Inter', sans-serif; }
.page { transition: opacity 0.3s ease-in-out; }
.hidden-page { display: none; }
.visible-page { display: block; }
.modal-backdrop { transition: opacity 0.3s ease-in-out; }
.tab-button.active, .filter-button.active { 
    border-color: #4f46e5; 
    color: #4f46e5; 
    background-color: #eef2ff; 
}
.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
button:disabled { opacity: 0.5; cursor: not-allowed; }
#toast-container { position: fixed; top: 1.5rem; right: 1.5rem; z-index: 9999; display: flex; flex-direction: column; gap: 0.75rem; }
.toast { display: flex; align-items: center; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); transform: translateX(100%); opacity: 0; transition: all 0.3s ease-in-out; min-width: 250px; }
.toast.show { transform: translateX(0); opacity: 1; }
.toast-success { background-color: #f0fdf4; color: #166534; }
.toast-error { background-color: #fef2f2; color: #991b1b; }
.calendar-day { min-height: 120px; }
.search-dropdown { position: relative; }
.search-dropdown-list { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; max-height: 200px; overflow-y: auto; background-color: white; border: 1px solid #e5e7eb; border-radius: 0.375rem; margin-top: 0.25rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }

/* --- ДОБАВЛЕННЫЕ СТИЛИ --- */
.search-container { 
    position: relative; 
}
#clear-search-btn {
    position: absolute;
    right: 0.75rem; /* 12px */
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #9ca3af; /* gray-400 */
    font-size: 1.5rem; /* 24px */
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem; /* 32px */
    height: 2rem; /* 32px */
}
#clear-search-btn:hover {
    color: #1f2937; /* gray-800 */
}
#clear-search-btn.hidden {
    display: none;
}
/* --- КОНЕЦ ДОБАВЛЕННЫХ СТИЛЕЙ --- */