/* Light Theme (Default) */
.light-theme {
    --primary-color: #4361ee;
    --primary-hover: #3a56d4;
    --secondary-color: #4cc9f0;
    --text-color: #333333;
    --text-light: #666666;
    --bg-color: #f5f7fa;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --success-color: #4caf50;
    --warning-color: #ff9800;
    --danger-color: #f44336;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Dark Theme */
.dark-theme {
    --primary-color: #6c8aff;
    --primary-hover: #5a78e6;
    --secondary-color: #4cc9f0;
    --text-color: #e0e0e0;
    --text-light: #a0a0a0;
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --border-color: #333333;
    --success-color: #66bb6a;
    --warning-color: #ffa726;
    --danger-color: #ef5350;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Category Colors */
:root {
    --housing-color: #4361ee;
    --transportation-color: #3a0ca3;
    --food-color: #f72585;
    --utilities-color: #4cc9f0;
    --healthcare-color: #4caf50;
    --entertainment-color: #ff9800;
    --personal-color: #9c27b0;
    --education-color: #2196f3;
    --debt-color: #f44336;
    --other-color: #607d8b;
}

/* Category Badges */
.category-badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: white;
}

.category-housing {
    background-color: var(--housing-color);
}

.category-transportation {
    background-color: var(--transportation-color);
}

.category-food {
    background-color: var(--food-color);
}

.category-utilities {
    background-color: var(--utilities-color);
}

.category-healthcare {
    background-color: var(--healthcare-color);
}

.category-entertainment {
    background-color: var(--entertainment-color);
}

.category-personal {
    background-color: var(--personal-color);
}

.category-education {
    background-color: var(--education-color);
}

.category-debt {
    background-color: var(--debt-color);
}

.category-other {
    background-color: var(--other-color);
}

/* Print Styles */
@media print {
    body {
        background-color: white;
        color: black;
    }
    
    .sidebar, 
    .header,
    .btn,
    .modal,
    .form-actions {
        display: none !important;
    }
    
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    .page-content {
        padding: 0;
    }
    
    .content-page {
        display: block !important;
    }
}