body {
      font-family: 'Cairo', sans-serif;
      transition: background-color 0.5s ease, color 0.5s ease;
      
      /* Security: Disable Selection */
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }

    .print-only { display: none; }

    /* Security: Hide content on print */
    @media print {
        @page { size: landscape; margin: 0; }
        html, body { 
            display: block !important; 
            background-color: white !important; 
            color: black !important; 
            font-size: 10px !important;
            width: 297mm !important;
            height: 210mm !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
        }
        .no-print { display: none !important; }
        .print-only { display: block !important; }
        
        /* Layout adjustments for single page landscape */
        main {
            display: flex !important;
            flex-direction: row !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            width: 100% !important;
            height: 100% !important;
            padding: 10mm !important;
            margin: 0 !important;
            max-width: none !important;
            gap: 15px !important;
            transform: scale(1) !important;
        }
        
        section { padding: 0 !important; }
        section.lg\:col-span-4 { width: 32% !important; }
        section.lg\:col-span-8 { width: 66% !important; }
        
        /* Card styling for print */
        .glass-card { 
            background: white !important; 
            border: 2px solid #000 !important; 
            box-shadow: none !important; 
            color: black !important; 
            padding: 10px !important;
            border-radius: 8px !important;
            height: 100% !important;
        }
        
        /* Typography scaling */
        .gold-gradient-text { background: none !important; -webkit-text-fill-color: black !important; color: black !important; }
        h1 { font-size: 18px !important; padding-bottom: 5px !important; margin-bottom: 5px !important; }
        h3, h4 { font-size: 12px !important; }
        
        /* Input fields compacting */
        input { 
            border: 1px solid #ccc !important; 
            background: white !important; 
            color: black !important; 
            padding: 4px 8px !important;
            font-size: 11px !important;
            height: auto !important;
        }
        .space-y-6 > * + * { margin-top: 8px !important; }
        
        /* Results grid compacting */
        .grid-cols-1.md\:grid-cols-2 {
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 8px !important;
        }
        
        /* Summary section compacting */
        .p-6.md\:p-10 { padding: 10px !important; }
        .space-y-10 > * + * { margin-top: 10px !important; }
        .gap-y-4 { gap-y: 5px !important; }
        
        /* Result Card specific */
        .text-lg.md\:text-xl { font-size: 14px !important; }
        .p-6 { padding: 8px !important; }
        .mb-4 { margin-bottom: 4px !important; }
        
        /* Icons */
        svg { width: 14px !important; height: 14px !important; }
        
        /* Hide unnecessary visual elements */
        .theme-dark { background-color: white !important; }
        .absolute { display: none !important; } /* Hide background blurs */
        .relative > .absolute { display: block !important; } /* Keep input icons */
        
        /* Header adjustments */
        .pt-2.pb-10 { padding-top: 0 !important; padding-bottom: 5px !important; }
        .w-24.h-24 { width: 40px !important; height: 40px !important; margin-bottom: 5px !important; }
        
        /* Installments table */
        .grid-cols-1.sm\:grid-cols-3 {
            grid-template-columns: repeat(3, 1fr) !important;
        }
        
        /* Print Footer */
        .print-footer-content {
            position: fixed;
            bottom: 5mm;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 10px !important;
            padding-top: 5px;
            border-top: 1px solid #ccc;
            background: white;
        }

        /* Watermark */
        .watermark-container {
            display: grid !important;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            position: fixed;
            top: 120px;
            bottom: 50px;
            left: 0;
            width: 100%;
            height: auto;
            z-index: 9999;
            pointer-events: none;
        }
        .watermark-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0.1 !important;
            transform: rotate(-30deg);
        }
        .watermark-item img { width: 60px !important; height: 60px !important; margin-bottom: 5px !important; opacity: 0.8; }
        .watermark-item h2 { font-size: 14px !important; font-weight: 900 !important; margin-bottom: 2px !important; color: #000 !important; text-align: center; }
        .watermark-item h3 { font-size: 12px !important; font-weight: 700 !important; margin-bottom: 2px !important; color: #000 !important; }
        .watermark-item div { font-size: 10px !important; font-weight: 700 !important; color: #000 !important; }
    }

    /* Capture Mode (Simulates Print for Image Generation) */
    .capture-mode {
        background-color: #0f172a !important;
        color: white !important;
        width: 1485px !important; /* A4 Landscape Ratio High Res */
        height: 1050px !important;
        position: fixed !important;
        top: 0; left: 0; z-index: 9999;
        overflow: hidden !important;
    }
    
    .capture-mode .no-print { display: none !important; }
    .capture-mode .print-only { display: block !important; }
    
    .capture-mode main {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 100% !important;
        padding: 40px !important;
        margin: 0 !important;
        max-width: none !important;
        gap: 30px !important;
    }
    
    .capture-mode section { padding: 0 !important; }
    .capture-mode section.lg\:col-span-4 { width: 32% !important; }
    .capture-mode section.lg\:col-span-8 { width: 66% !important; }
    
    .capture-mode .glass-card { 
        background: rgba(255, 255, 255, 0.03) !important; 
        border: 1px solid rgba(255, 255, 255, 0.1) !important; 
        box-shadow: none !important; 
        color: white !important; 
        padding: 10px !important;
        border-radius: 8px !important;
        height: 100% !important;
    }
    
    /* Dark Print Mode (Like Site) */
    .capture-mode.dark-print {
        background-color: #0f172a !important;
        color: white !important;
    }
    .capture-mode.dark-print .glass-card {
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        color: white !important;
        box-shadow: none !important;
    }
    .capture-mode.dark-print .gold-gradient-text {
        background: linear-gradient(to right, #C5A059, #FCD34D, #C5A059) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
    }
    
    .capture-mode .gold-gradient-text {
        background: linear-gradient(to right, #C5A059, #FCD34D, #C5A059) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
    }
    .capture-mode.dark-print input {
        background: rgba(0, 0, 0, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        color: white !important;
    }
    .capture-mode.dark-print .print-footer-content {
        background-color: #0f172a !important;
        color: white !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .capture-mode h1 { font-size: 18px !important; padding-bottom: 5px !important; margin-bottom: 5px !important; }
    .capture-mode h3, .capture-mode h4 { font-size: 12px !important; }
    
    .capture-mode input { 
        border: 1px solid rgba(255, 255, 255, 0.1) !important; 
        background: rgba(0, 0, 0, 0.2) !important; 
        color: white !important; 
        padding: 4px 8px !important;
        font-size: 11px !important;
        height: auto !important;
    }
    
    .capture-mode .space-y-6 > * + * { margin-top: 8px !important; }
    
    .capture-mode .grid-cols-1.md\:grid-cols-2 {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }
    
    .capture-mode .p-6.md\:p-10 { padding: 10px !important; }
    .capture-mode .space-y-10 > * + * { margin-top: 10px !important; }
    .capture-mode .gap-y-4 { gap-y: 5px !important; }
    
    .capture-mode .text-lg.md\:text-xl { font-size: 14px !important; }
    .capture-mode .p-6 { padding: 8px !important; }
    .capture-mode .mb-4 { margin-bottom: 4px !important; }
    
    .capture-mode svg { width: 14px !important; height: 14px !important; }
    
    .capture-mode .absolute { display: none !important; }
    .capture-mode .relative > .absolute { display: block !important; }
    
    .capture-mode .pt-2.pb-10 { padding-top: 0 !important; padding-bottom: 5px !important; }
    .capture-mode .w-24.h-24 { width: 40px !important; height: 40px !important; margin-bottom: 5px !important; }
    
    .capture-mode .grid-cols-1.sm\:grid-cols-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .capture-mode footer { display: none !important; }
    
    .capture-mode .print-footer-content {
        position: absolute !important;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 9px !important;
        padding-top: 5px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: #0f172a;
        color: white !important;
        display: block !important;
    }
    
    .capture-mode .watermark-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        position: absolute !important;
        top: 120px;
        bottom: 50px;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9999;
        pointer-events: none;
    }
    
    .capture-mode .watermark-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0.3 !important;
        transform: rotate(-30deg);
    }
    
    .capture-mode .watermark-item img { width: 60px !important; height: 60px !important; margin-bottom: 5px !important; opacity: 0.8; }
    .capture-mode .watermark-item h2 { font-size: 14px !important; font-weight: 900 !important; margin-bottom: 2px !important; color: #fff !important; text-align: center; }
    .capture-mode .watermark-item h3 { font-size: 12px !important; font-weight: 700 !important; margin-bottom: 2px !important; color: #fff !important; }
    .capture-mode .watermark-item div { font-size: 10px !important; font-weight: 700 !important; color: #fff !important; }

    /* Themes */
    .theme-dark { background-color: #0f172a; color: white; }
    .theme-gray { background-color: #374151; color: white; }
    .theme-light { background-color: #f3f4f6; color: #1f2937; }
    .theme-azure { background-color: #0c4a6e; color: white; }

    /* Custom Effects */
    .gold-gradient-text {
        background: linear-gradient(to right, #C5A059, #FCD34D, #C5A059);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        background-size: 200% auto;
        animation: shine 3s linear infinite;
    }

    @keyframes shine {
        to { background-position: 200% center; }
    }

    .gold-button {
        background: linear-gradient(135deg, #C5A059 0%, #9f7f38 100%);
        color: white;
    }

    .glass-card {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .theme-light .glass-card {
        background: rgba(255, 255, 255, 0.8);
        border-color: rgba(0,0,0,0.1);
    }

    .input-focus-glow:focus-within label {
        color: #C5A059;
    }
    
    /* Hide scrollbar for cleaner look */
    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        background: transparent;
    }
    ::-webkit-scrollbar-thumb {
        background: #C5A059;
        border-radius: 4px;
    }

    /* Custom Scrollbar for Search Dropdown */
    .custom-scrollbar::-webkit-scrollbar { width: 4px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #C5A059; border-radius: 2px; }

    /* Hide Number Input Spinners */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    input[type=number] {
      -moz-appearance: textfield;
    }

    /* Glass Message Styles */
    .glass-message {
        background: rgba(15, 23, 42, 0.85);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }
    @keyframes checkmark-draw { from { stroke-dashoffset: 50; opacity: 0; } to { stroke-dashoffset: 0; opacity: 1; } }
    .animate-checkmark path { stroke-dasharray: 50; stroke-dashoffset: 50; animation: checkmark-draw 0.5s ease-out forwards; }
    @keyframes pulse-glow { 0%, 100% { filter: drop-shadow(0 0 5px rgba(239,68,68,0.5)); } 50% { filter: drop-shadow(0 0 15px rgba(239,68,68,0.8)); } }
    .animate-pulse-glow { animation: pulse-glow 2s infinite; }

    /* Announcement Modal Style */
    .glass-announcement {
        background: rgba(15, 23, 42, 0.6);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(197, 160, 89, 0.3);
        box-shadow: 0 0 50px rgba(197, 160, 89, 0.15);
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    /* Card Shapes */
    .shape-square { border-radius: 1.5rem !important; }
    .shape-circle { border-radius: 50% !important; }
    .shape-octagon { clip-path: polygon(15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0 85%, 0 15%); border-radius: 0 !important; }
    
    /* Marquee Animation */
    @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
    .animate-marquee { display: inline-block; animation: marquee 8s linear infinite; white-space: nowrap; }

    /* Limit Bubble Animation */
    @keyframes floatBubble {
        0% { transform: translate(0, 0) rotate(0deg); }
        25% { transform: translate(10px, -15px) rotate(2deg); }
        50% { transform: translate(-5px, -25px) rotate(-2deg); }
        75% { transform: translate(-15px, -10px) rotate(1deg); }
        100% { transform: translate(0, 0) rotate(0deg); }
    }
    .animate-float-bubble { animation: floatBubble 6s ease-in-out infinite; }