/* Mobile Adjustments */
        @media (max-width: 768px) {
            .desktop-only {
                display: none !important;
            }

            .mobile-only {
                display: flex !important;
            }

            .app-nav {
                width: 100%;
                height: calc(var(--nav-height-mobile) + env(safe-area-inset-bottom));
                border-right: none;
                border-top: 1px solid var(--border-color);
                bottom: 0;
                top: auto;
                left: 0;
                flex-direction: row;
                padding: 0 10px;
                padding-bottom: env(safe-area-inset-bottom);
                align-items: center;
                justify-content: flex-start !important;
                backdrop-filter: blur(20px);
                -webkit-backdrop-filter: blur(20px);
                background: rgba(255, 255, 255, 0.9);
                transform: translateZ(0);
                -webkit-transform: translateZ(0);
                overflow-x: auto !important;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* Firefox */
            }

            .app-nav::-webkit-scrollbar {
                height: 4px;
                display: block;
            }

            .app-nav::-webkit-scrollbar-thumb {
                background: rgba(99, 102, 241, 0.3);
                border-radius: 2px;
            }

            .nav-brand,
            .nav-footer {
                display: none;
            }

            .nav-links {
                flex-direction: row;
                width: auto !important;
                justify-content: flex-start !important;
                gap: 15px;
            }

            .nav-btn {
                flex-direction: column;
                gap: 4px;
                padding: 8px 12px;
                font-size: 0.7rem;
                text-align: center;
                flex: 0 0 auto !important;
            }

            .nav-btn i {
                font-size: 1.1rem;
            }

            .nav-brand-mobile {
                display: flex !important;
                padding: calc(env(safe-area-inset-top, 24px) + 12px) 15px 12px 15px;
                justify-content: space-between;
                align-items: center;
                background: white;
                position: sticky;
                top: 0;
                z-index: 1000;
                border-bottom: 1px solid var(--border-color);
            }

            .main-content {
                margin-left: 0;
                padding: calc(env(safe-area-inset-top, 24px) + 10px) 12px calc(var(--nav-height-mobile) + env(safe-area-inset-bottom) + 20px) 12px;
            }

            .bal-amount {
                font-size: 2.2rem !important;
                letter-spacing: -1px;
            }

            .bal-row {
                flex-wrap: wrap !important;
                gap: 8px !important;
                justify-content: flex-start !important;
                font-size: 0.7rem !important;
                margin-bottom: 15px !important;
            }

            .bal-row span {
                background: rgba(255, 255, 255, 0.08);
                padding: 5px 10px;
                border-radius: 8px;
                flex: 1 1 42%;
                white-space: nowrap;
            }

            .bal-badges {
                flex-direction: column !important;
                gap: 10px !important;
                margin-bottom: 15px !important;
            }

            .bal-badge {
                padding: 12px !important;
            }

            .glass-input-group {
                flex-wrap: wrap !important;
                gap: 6px !important;
                padding: 6px !important;
                margin-top: 15px !important;
            }

            .glass-input-group input {
                min-width: 100% !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
                padding: 10px !important;
                font-size: 1.1rem !important;
            }

            .glass-btn {
                flex: 1 1 30%;
                justify-content: center;
                font-size: 0.75rem !important;
                padding: 10px 5px !important;
            }

            .card {
                padding: 15px !important;
                border-radius: var(--radius-lg) !important;
            }

            .quick-grid {
                grid-template-columns: repeat(4, 1fr) !important;
                gap: 8px !important;
            }

            .q-item {
                padding: 8px 4px !important;
                font-size: 0.6rem !important;
                gap: 5px !important;
            }

            .q-item i {
                width: 38px !important;
                height: 38px !important;
                font-size: 1.2rem !important;
            }

            .header-title h1 {
                font-size: 1.4rem !important;
            }

            .top-header {
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 15px !important;
            }

            .date-filters {
                padding: 2px;
            }

            .date-filters select {
                padding: 6px 8px;
                font-size: 0.8rem;
            }

            .modal-overlay .card:not(#confirmModal .card):not(#quickSplitModal .card):not(#quickGoalModal .card) {
                border-radius: 0 !important;
            }

            #quickGoalModal .card {
                width: 95% !important;
                margin: auto;
                border-radius: var(--radius-xl) !important;
                padding: 15px !important;
            }

            /* Responsive Goals & Settings Form Rows */
            .settings-pane .form-row {
                flex-direction: column !important;
                gap: 12px !important;
            }

            .settings-pane .form-row>div {
                width: 100% !important;
                flex: none !important;
            }

            /* Mobile Header Realignment */
            .top-header {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 15px !important;
                position: relative;
            }

            .header-title {
                position: relative !important;
                text-align: left !important;
                width: 100%;
            }

            .header-title h1 {
                font-size: 1rem !important;
                margin: 0;
            }

            .header-title p {
                font-size: 0.7rem !important;
                margin: 0;
            }

            .header-actions-mobile {
                display: flex !important;
                width: 100%;
                gap: 8px !important;
                align-items: center;
                margin-top: 25px;
                /* Offset for top-right name */
            }

            .header-actions-mobile .glass-btn {
                flex: 0 0 44px !important;
                height: 44px !important;
                width: 44px !important;
                padding: 0 !important;
                border-radius: 50% !important;
            }

            .header-actions-mobile .date-filters {
                flex: 1 !important;
                margin: 0 !important;
                height: 44px;
                align-items: center;
            }
        }