:root {
            --primary-blue: #0F68F8;
            --primary-dark: #0F68F8;
            --sidebar-bg: #FFFFFF;
            --text-dark: #1A1A1A;
            --text-grey: #6B7280;
            --light-blue-bg: #EBF5FF;
            --card-glass: rgba(255, 255, 255, 0.2);
            --border-radius: 24px;
            --modal-radius: 24px;
            --success-green: #10B981;
            --success-bg: #D1FAE5;
            --danger-red: #EF4444;
            --absent-color: #fee2e2;
            --late-color: #fef3c7;
            --warning-yellow: #ffd700;
            --holiday-color: #FFFFFF;
            --meeting-color: #3B82F6;
            --excursion-color: #8B5CF6;
            --other-color: #F59E0B;
        }

        html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }

        /* Base layout styles; scaling applied only for landscape orientation below */
        body { display: flex; height: 100vh; background-color: var(--primary-blue); overflow: hidden; }

        /* Apply global 92% scale only on landscape (horizontal) screens */
        @media (orientation: landscape) {
            /* scale: 0.92 -> compensate width/height: 100 / 0.92 = 108.695652... */
            body { transform: scale(0.92); transform-origin: top left; width: 108.696vw; height: 108.696vh; }
        }