ProfitGuard-AI/index.html at main · mikedsayre/ProfitGuard-AI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ProfitGuard AI - Automated Margin Protection</title>
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @keyframes pulse-orange {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.6; }
        }
        .animate-pulse-orange {
            animation: pulse-orange 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }
        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Print Logic */
        @media print {
            aside, header, footer, button, .no-print {
                display: none !important;
            }
            body {
                background: white !important;
                color: black !important;
            }
            main {
                padding: 0 !important;
                margin: 0 !important;
                background: white !important;
            }
            .print-only {
                display: block !important;
            }
            .rounded-3xl, .rounded-[2rem], .rounded-[2.5rem] {
                border-radius: 0.5rem !important;
            }
            .shadow-sm, .shadow-xl, .shadow-2xl, .shadow-3xl {
                box-shadow: none !important;
                border: 1px solid #e2e8f0 !important;
            }
            * {
                -webkit-print-color-adjust: exact !important;
                color-adjust: exact !important;
            }
        }
    </style>
</head>
<body class="bg-[#0B1120] text-slate-100">
    <div class="hidden print-only p-10 border-b-2 border-slate-900 mb-10 text-black">
        <h1 style="font-size: 24px; font-weight: 900; margin-bottom: 5px;">PROFITGUARD AI AUDIT REPORT</h1>
        <p style="font-size: 12px; color: #64748b;">Generated on: <span id="print-date"></span></p>
    </div>

    <div id="root"></div>

    <script type="module" src="/index.tsx"></script>

    <script>
        // Set the print date only when the element exists
        window.addEventListener('DOMContentLoaded', () => {
            const el = document.getElementById('print-date');
            if (el) el.innerText = new Date().toLocaleString();
        });
    </script>
</body>
</html>