/* Hide all modals immediately - highest priority */
        .modal:not(.active) {
            display: none !important;
        }
        .modal.active {
            display: flex !important;
        }

        /* Cash Counter Grid - Professional Design */
        .cash-counter-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
            gap: 0.75rem;
            padding: 1rem;
            background: var(--gray-50);
            border: 1px solid var(--gray-300);
            border-radius: 12px;
            margin-bottom: 1rem;
        }

        @media (max-width: 480px) {
            .cash-counter-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 0.5rem;
                padding: 0.75rem;
            }
        }