.input-yellow {
            background-color: #fef9c3;
        }
        .input-yellow:focus {
            outline: 2px solid #f59e0b;
            outline-offset: 2px;
        }
        .result-cell {
            background-color: #f3f4f6;
        }
        .header-card {
            background-color: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            padding: 1.5rem;
        }
        .result-card {
            background-color: #f0f9ff;
            border-left: 5px solid #3b82f6;
        }
        .disallowance-card {
             background-color: #fff1f2;
             border-left: 5px solid #ef4444;
        }
        /* Custom scrollbar */
        ::-webkit-scrollbar { width: 8px; height: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #a8a29e; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #78716c; }
        
        /* Loading Spinner */
        .loader {
            border: 4px solid #f3f3f3;
            border-radius: 50%;
            border-top: 4px solid #3498db;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }