.tool-label {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: var(--text-light);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 12px;
    }
    .tool-input, .tool-select {
        padding: 10px 12px;
        border: 1px solid var(--border-light);
        border-radius: 6px;
        font-size: 14px;
        background: var(--bg-light);
        color: var(--text-dark);
        transition: border-color 0.2s;
    }
    .tool-input:focus, .tool-select:focus {
        outline: none;
        border-color: var(--primary-light);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }
    .btn-add {
        padding: 10px 16px;
        border: none;
        background: linear-gradient(135deg, #10b981, #059669);
        color: white;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
    }
    .btn-add:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); }
    .btn-export {
        padding: 8px 14px;
        border: 1px solid var(--border-light);
        background: var(--bg-white);
        color: var(--text-medium);
        border-radius: 6px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .btn-export:hover { border-color: var(--primary); color: var(--primary); }
    .result-box {
        background: linear-gradient(135deg, #dbeafe, #ede9fe);
        border-radius: 12px;
        padding: 20px;
    }
    .result-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .result-item:last-child { border-bottom: none; }
    .result-label {
        font-size: 13px;
        color: var(--text-medium);
    }
    .result-value {
        font-size: 18px;
        font-weight: 700;
        color: var(--primary);
    }
    #expensesTable tbody tr {
        border-bottom: 1px solid var(--border-light);
    }
    #expensesTable tbody tr:hover {
        background: var(--bg-light);
    }
    #expensesTable tbody td {
        padding: 12px 10px;
        font-size: 14px;
    }
    .category-badge {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 600;
    }
    .btn-delete {
        background: none;
        border: none;
        color: var(--text-light);
        cursor: pointer;
        padding: 4px 8px;
    }
    .btn-delete:hover { color: #dc2626; }
    @media (max-width: 1100px) {
        .expense-form { grid-template-columns: 1fr !important; }
        .report-grid { grid-template-columns: 1fr !important; }
    }