/* Additional styles for improved appearance */
        html, body {
            cursor: auto;
        }

        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background: var(--bg-body);
            color: var(--text-primary);
            transition: background 0.3s ease, color 0.3s ease;
        }
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&family=Merriweather:wght@300;400;700;900&display=swap');

        /* Ensure bold text actually uses bold font-weight */
        strong, b {
            font-weight: 700 !important;
        }
        
        /* Ensure italic text uses italic style - but NOT for Font Awesome icons */
        em {
            font-style: italic !important;
        }
        
        /* Only apply italic to <i> tags that are NOT Font Awesome icons */
        i:not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fat) {
            font-style: italic !important;
        }

        /* Beautiful custom scrollbars for all elements */
        * {
            scrollbar-width: thin;
            scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
        }

        /* Webkit browsers (Chrome, Safari, Edge) */
        *::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }

        *::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 10px;
        }

        *::-webkit-scrollbar-thumb {
            background: var(--scrollbar-thumb);
            border-radius: 10px;
            border: 2px solid transparent;
            background-clip: padding-box;
            transition: all 0.3s ease;
        }

        *::-webkit-scrollbar-thumb:hover {
            background: var(--scrollbar-thumb-hover);
            border-width: 1px;
        }

        *::-webkit-scrollbar-thumb:active {
            background: linear-gradient(180deg, rgba(75, 85, 99, 0.9), rgba(55, 65, 81, 0.9));
        }

        /* ========================================
           FINAL CURSOR RULES (at the end = maximum priority)
           ======================================== */

        /* 1. Child elements of buttons/links do not intercept mouse events */
        button *, a * {
            pointer-events: none !important;
        }

        /* 2. Buttons/links themselves receive events */
        button, a, select {
            pointer-events: auto !important;
        }

        /* 3. Pointer cursor for interactive elements */
        html body button,
        html body a,
        html body select,
        html body label[for],
        html body input[type="checkbox"],
        html body input[type="radio"],
        html body input[type="file"],
        html body .cursor-pointer {
            cursor: pointer !important;
        }

        /* 4. Text cursor for text fields */
        html body input[type="text"],
        html body input[type="password"],
        html body input[type="email"],
        html body input[type="number"],
        html body input[type="url"],
        html body input[type="search"],
        html body textarea {
            cursor: text !important;
        }

        /* 5. Not-allowed for disabled elements */
        html body button:disabled,
        html body input:disabled,
        html body select:disabled {
            cursor: not-allowed !important;
        }