/* Modern readable Persian typography configuration */
        body, input, button, select, textarea, .ql-editor, .swal2-html-container, .swal2-title, .swal2-confirm, .swal2-cancel, .recharts-text {
            font-family: 'Vazirmatn', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            letter-spacing: -0.005em;
        }
        body {
            line-height: 1.7;
        }
        
        #sidebar { transition: all 0.3s ease-in-out; z-index: 50; }
        
        /* Desktop Layout */
        @media (min-width: 768px) {
            #sidebar.collapsed { width: 5rem !important; }
            #sidebar.collapsed .sidebar-text { display: none !important; }
            #sidebar.collapsed .sidebar-avatar-container { justify-content: center; padding-left: 0; padding-right: 0; }
            #sidebar.collapsed .tab-btn { justify-content: center; padding-left: 0; padding-right: 0; }
            #sidebar.collapsed .tab-btn span[id^="badge-"] { position: absolute; top: 0.25rem; right: 0.25rem; margin: 0; }
            #sidebar.collapsed .tab-btn i { margin: 0; font-size: 1.25rem; }
        }

        /* Mobile Layout */
        @media (max-width: 767px) {
            #sidebar { 
                position: fixed; 
                right: 0;
                top: 0;
                transform: translateX(100%); 
                width: 16rem !important; 
            }
            #sidebar.mobile-open { transform: translateX(0); }
        }

        
        
         to { opacity: 1; transform: translateY(0); } }
        
        /* Quill Editor overrides */
        .ql-toolbar { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #f8fafc; }
        .ql-container { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; min-height: 200px; font-family: inherit; font-size: inherit; }
        
        /* Hide sidebar scrollbar */
        #sidebar::-webkit-scrollbar { display: none; }
        #sidebar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Dark Mode overrides */
        body.dark-mode #app-container, body.dark-mode #login-container { filter: invert(1) hue-rotate(180deg); background-color: #0f172a; }
        body.dark-mode img, body.dark-mode video, body.dark-mode .quill, body.dark-mode iframe, body.dark-mode .recharts-wrapper { filter: invert(1) hue-rotate(180deg); }
        body.dark-mode #sidebar { filter: invert(1) hue-rotate(180deg); } 
        body.dark-mode #sidebar .bg-blue-600 { filter: invert(1) hue-rotate(180deg); }