body {
            font-family: 'Noto Sans KR', 'Inter', sans-serif;
            background-color: #f3f4f6;
        }
        /* 로그인 게이트(#app-root class="hidden")를 우리 CSS 가 소유한다. 이 정의가 없으면
           .hidden 이 cdn.tailwindcss.com 에서만 오고, CDN 이 차단·지연되면 앱 본문과 로그인
           안내가 동시에 보여 인라인 핸들러가 전부 눌린다.
           !important 는 쓰지 않는다: 마크업 9곳이 "hidden sm:grid" 처럼 좁은 화면에서만 감추는
           Tailwind 패턴을 쓰는데, !important 를 붙이면 sm:grid 가 져서 데스크톱에서도 사라진다. */
        .hidden {
            display: none;
        }
        /* Scrollbar customizing */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
        
        /* Premium Soft Shadows & Gradients */
        .glass-header {
            background: linear-gradient(135deg, #1e2030 0%, #11131e 100%);
        }
        
        /* Toggle Slider Style */
        .toggle-checkbox:checked {
            right: 0;
            border-color: #f59e0b;
        }
        .toggle-checkbox:checked + .toggle-label {
            background-color: #f59e0b;
        }


        /* Printing Optimize for Cumulative Report */
        @media print {
            body {
                background: white !important;
                color: black !important;
            }
            header, .no-print, button, select, #toast, .edit-column {
                display: none !important;
            }
            .print-only-container {
                display: block !important;
                width: 100% !important;
            }
            .bg-white {
                box-shadow: none !important;
                border: none !important;
            }
        }