/* Neumorphic shadows and custom styles */
.neu-card {
    background: linear-gradient(145deg, #ffffff, #f3f4f6);
    box-shadow: 5px 5px 15px rgba(163, 177, 198, 0.3),
                -5px -5px 15px rgba(255, 255, 255, 0.8);
}

.neu-card-pressed {
    background: linear-gradient(145deg, #f3f4f6, #ffffff);
    box-shadow: inset 3px 3px 8px rgba(163, 177, 198, 0.2),
                inset -3px -3px 8px rgba(255, 255, 255, 0.5);
}

.neu-button {
    background: linear-gradient(145deg, #3b82f6, #2563eb);
    box-shadow: 3px 3px 8px rgba(59, 130, 246, 0.3),
                -2px -2px 6px rgba(96, 165, 250, 0.3);
    transition: all 0.3s ease;
}

.neu-button:hover {
    box-shadow: 4px 4px 12px rgba(59, 130, 246, 0.4),
                -3px -3px 9px rgba(96, 165, 250, 0.4);
    transform: translateY(-1px);
}

.neu-button:active {
    box-shadow: inset 2px 2px 6px rgba(30, 64, 175, 0.5),
                inset -1px -1px 4px rgba(96, 165, 250, 0.3);
    transform: translateY(0);
}

.neu-input {
    background: #ffffff;
    box-shadow: inset 2px 2px 5px rgba(163, 177, 198, 0.2),
                inset -2px -2px 5px rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.neu-input:focus {
    box-shadow: inset 3px 3px 8px rgba(59, 130, 246, 0.15),
                inset -2px -2px 6px rgba(96, 165, 250, 0.1);
}

.project-selected {
    background: linear-gradient(145deg, #dbeafe, #bfdbfe);
    box-shadow: inset 2px 2px 6px rgba(59, 130, 246, 0.2),
                inset -2px -2px 6px rgba(147, 197, 253, 0.2);
    border-left: 4px solid #3b82f6;
}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.dropdown-item:hover {
    background: linear-gradient(145deg, #dbeafe, #eff6ff);
}

.kpi-badge {
    background: linear-gradient(145deg, #ffffff, #f9fafb);
    box-shadow: 2px 2px 6px rgba(163, 177, 198, 0.2),
                -1px -1px 4px rgba(255, 255, 255, 0.8);
}

.recurring-task {
    background: linear-gradient(145deg, #f0fdf4, #dcfce7);
    box-shadow: 5px 5px 15px rgba(134, 239, 172, 0.3),
                -5px -5px 15px rgba(255, 255, 255, 0.8);
}

.recurring-badge {
    background: linear-gradient(145deg, #dcfce7, #bbf7d0);
    box-shadow: 2px 2px 6px rgba(134, 239, 172, 0.3),
                -1px -1px 4px rgba(255, 255, 255, 0.8);
}

.task-checkbox {
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: inset 2px 2px 5px rgba(163, 177, 198, 0.3),
                inset -2px -2px 5px rgba(255, 255, 255, 0.5);
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.task-checkbox:checked {
    background: linear-gradient(145deg, #10b981, #059669);
    box-shadow: 2px 2px 6px rgba(16, 185, 129, 0.3),
                -1px -1px 4px rgba(52, 211, 153, 0.3);
}

.task-checkbox:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.hidden {
    display: none;
}