* {
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }

        body { 
            font-family: 'Outfit', 'Noto Sans Bengali', sans-serif; 
            background: #eef3f9; 
            color: #0f172a; 
            padding-bottom: 110px;
            background-image: 
                radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.12) 0%, transparent 45%),
                radial-gradient(circle at 90% 90%, rgba(236, 72, 153, 0.1) 0%, transparent 45%),
                radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.06) 0%, transparent 55%);
            background-attachment: fixed;
            min-height: 100vh;
        }

        .glass-card { 
            background: rgba(255, 255, 255, 0.96); 
            border-radius: 24px; 
            box-shadow: 0 10px 25px rgba(160, 175, 200, 0.22), 0 1px 3px rgba(0,0,0,0.05); 
            border: 1.5px solid rgba(255, 255, 255, 0.9); 
            margin-bottom: 16px; 
            overflow: hidden; 
            transition: all 0.2s ease;
        }

        .nav-item { 
            flex: 1; 
            text-align: center; 
            padding: 8px 4px; 
            color: #94a3b8; 
            cursor: pointer; 
            transition: all 0.2s ease; 
            border-radius: 16px;
        }

        .nav-item.active { 
            color: #2563eb; 
            background: rgba(37, 99, 235, 0.08);
            transform: translateY(-2px);
        }

        .tab-content { 
            display: none; 
            animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1); 
        }

        .tab-content.active { 
            display: block; 
        }

        @keyframes fadeIn { 
            from { opacity: 0; transform: translateY(8px); } 
            to { opacity: 1; transform: translateY(0); } 
        }

        input, select, textarea { 
            background: #ffffff; 
            border: 1.5px solid #cbd5e1; 
            border-radius: 16px; 
            padding: 12px 14px; 
            width: 100%; 
            outline: none; 
            font-size: 13px; 
            transition: all 0.2s;
        }

        input:focus, select:focus, textarea:focus { 
            border-color: #2563eb; 
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15); 
            background: #ffffff; 
        }

        .btn-copy { 
            background: #dbeafe; 
            color: #1e40af; 
            padding: 6px 12px; 
            border-radius: 10px; 
            font-size: 11px; 
            font-weight: 800; 
            display: inline-flex; 
            align-items: center; 
            gap: 5px; 
            cursor: pointer; 
            transition: 0.15s;
        }

        .btn-copy:active {
            transform: scale(0.92);
            background: #bfdbfe;
        }

        .btn-3d-blue {
            background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
            color: white;
            box-shadow: 0 10px 20px rgba(37, 99, 235, 0.35);
            border-top: 1px solid rgba(255,255,255,0.4);
            transition: all 0.15s;
        }
        .btn-3d-blue:active {
            transform: scale(0.97);
            box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
        }

        .btn-3d-emerald {
            background: linear-gradient(180deg, #10b981 0%, #059669 100%);
            color: white;
            box-shadow: 0 10px 20px rgba(16, 185, 129, 0.35);
            border-top: 1px solid rgba(255,255,255,0.4);
            transition: all 0.15s;
        }
        .btn-3d-emerald:active {
            transform: scale(0.97);
            box-shadow: 0 4px 10px rgba(16, 185, 129, 0.2);
        }

        .receipt-card {
            background: #ffffff;
            border-radius: 28px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border: 2px dashed #93c5fd;
            position: relative;
            overflow: hidden;
        }
        .receipt-header {
            background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
            color: white;
            padding: 24px 20px 20px;
            text-align: center;
        }

        /* Custom Scrollbars */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }