{"id":7598,"date":"2025-12-31T08:31:55","date_gmt":"2025-12-31T08:31:55","guid":{"rendered":"https:\/\/promotionexams.com\/?p=7598"},"modified":"2025-12-31T08:39:32","modified_gmt":"2025-12-31T08:39:32","slug":"cga-aao-without-pyq-tab","status":"publish","type":"post","link":"https:\/\/promotionexams.com\/?p=7598","title":{"rendered":"CGA-AAO WITHOUT PYQ TAB"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n CAG Departmental Examinations - Complete Preparation Guide | CSS Adda<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* ============================================\n CSS VARIABLES - LIGHT & DARK THEMES\n ============================================ *\/\n :root {\n --primary-blue: #2563EB;\n --primary-blue-dark: #1D4ED8;\n --primary-blue-light: #3B82F6;\n --accent-orange: #f59e0b;\n --accent-orange-dark: #d97706;\n --accent-orange-light: #fbbf24;\n --accent-orange-fade: #FFF0C5;\n --success: #10b981;\n --purple: #8b5cf6;\n --red: #ef4444;\n --teal: #0d9488;\n --gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\n --gradient-secondary: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-orange-light) 100%);\n --gradient-hero: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 50%, var(--accent-orange-light) 100%);\n --gradient-dark: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 60%, #b45309 100%);\n --radius: 8px;\n --radius-md: 12px;\n --radius-lg: 16px;\n --transition: all 0.3s ease;\n }\n\n [data-theme=\"light\"] {\n --bg-primary: #f8fafc;\n --bg-secondary: #ffffff;\n --bg-tertiary: #f1f5f9;\n --bg-card: #ffffff;\n --bg-hover: #f1f5f9;\n --text-primary: #1e293b;\n --text-secondary: #475569;\n --text-muted: #64748b;\n --border-color: #e2e8f0;\n --border-light: #f1f5f9;\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1);\n }\n\n [data-theme=\"dark\"] {\n --bg-primary: #0f172a;\n --bg-secondary: #1e293b;\n --bg-tertiary: #334155;\n --bg-card: #1e293b;\n --bg-hover: #334155;\n --text-primary: #f1f5f9;\n --text-secondary: #cbd5e1;\n --text-muted: #94a3b8;\n --border-color: #334155;\n --border-light: #475569;\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.3);\n --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.3);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.3);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.3);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.3);\n }\n\n \/* ============================================\n BASE STYLES\n ============================================ *\/\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { \n font-family: 'Poppins', sans-serif; \n background: var(--bg-primary); \n color: var(--text-primary); \n line-height: 1.6;\n transition: background 0.3s ease, color 0.3s ease;\n }\n a { text-decoration: none; color: inherit; }\n ::selection { background: var(--primary-blue); color: white; }\n\n ::-webkit-scrollbar { width: 10px; height: 10px; }\n ::-webkit-scrollbar-track { background: var(--bg-tertiary); }\n ::-webkit-scrollbar-thumb { \n background: var(--primary-blue); \n border-radius: 5px;\n border: 2px solid var(--bg-tertiary);\n }\n\n \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes fadeIn { \n from { opacity: 0; transform: translateY(15px); } \n to { opacity: 1; transform: translateY(0); } \n }\n @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(8px); }\n }\n @keyframes borderAnimation {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n }\n\n \/* ============================================\n READING PROGRESS BAR\n ============================================ *\/\n .reading-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue));\n background-size: 200% 200%;\n animation: borderAnimation 3s ease infinite;\n z-index: 9999;\n }\n\n \/* ============================================\n THEME TOGGLE\n ============================================ *\/\n .theme-toggle {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bg-card);\n padding: 8px 16px;\n border-radius: 50px;\n box-shadow: var(--shadow-lg);\n border: 2px solid var(--border-color);\n cursor: pointer;\n transition: var(--transition);\n }\n .theme-toggle:hover { transform: scale(1.05); }\n .theme-toggle-btn {\n width: 50px;\n height: 26px;\n background: var(--bg-tertiary);\n border-radius: 13px;\n position: relative;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n }\n .theme-toggle-btn::before {\n content: '';\n position: absolute;\n width: 22px;\n height: 22px;\n background: var(--primary-blue);\n border-radius: 50%;\n top: 2px;\n left: 2px;\n transition: var(--transition);\n }\n [data-theme=\"dark\"] .theme-toggle-btn { background: var(--primary-blue); }\n [data-theme=\"dark\"] .theme-toggle-btn::before { \n transform: translateX(24px); \n background: var(--accent-orange);\n }\n .theme-icon { font-size: 1.2rem; color: var(--text-secondary); }\n [data-theme=\"light\"] .theme-icon.moon { display: none; }\n [data-theme=\"dark\"] .theme-icon.sun { display: none; }\n\n \/* ============================================\n TOAST NOTIFICATIONS\n ============================================ *\/\n .toast-container {\n position: fixed;\n bottom: 30px;\n right: 30px;\n z-index: 10000;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .toast {\n background: var(--bg-card);\n padding: 15px 25px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-lg);\n display: flex;\n align-items: center;\n gap: 12px;\n min-width: 300px;\n animation: fadeIn 0.3s ease;\n border-left: 4px solid var(--success);\n }\n .toast i { font-size: 1.3rem; color: var(--success); }\n .toast-content { flex: 1; }\n .toast-title { font-weight: 600; font-size: 0.95rem; }\n .toast-message { font-size: 0.85rem; color: var(--text-secondary); }\n .toast-close {\n background: none;\n border: none;\n color: var(--text-muted);\n cursor: pointer;\n padding: 5px;\n }\n\n \/* ============================================\n HERO SECTION\n ============================================ *\/\n .hero { \n background: var(--gradient-hero); \n padding: 60px 20px 100px; \n position: relative; \n overflow: hidden; \n border-radius: 0 0 30px 30px; \n }\n .hero::before { \n content: ''; \n position: absolute; \n inset: 0; \n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\"); \n opacity: 0.5; \n }\n .hero-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; text-align: center; }\n .hero-badge { \n display: inline-flex; align-items: center; gap: 10px; \n background: rgba(249, 115, 22, 0.2); border: 1px solid rgba(249, 115, 22, 0.3); \n color: var(--accent-orange-light); padding: 8px 20px; border-radius: 50px; \n font-size: 0.85rem; font-weight: 600; margin-bottom: 15px; \n text-transform: uppercase; letter-spacing: 1px; \n }\n .hero-title { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 800; \n color: white; margin-bottom: 12px; line-height: 1.2; \n }\n .hero-title span { color: var(--accent-orange); }\n .hero-description { font-size: 1rem; color: rgba(255, 255, 255, 0.85); max-width: 750px; margin: 0 auto 25px; }\n \n .hero-badges { \n display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 25px; \n }\n .hero-badge-item { \n background: rgba(255, 255, 255, 0.1); \n border: 1px solid rgba(255, 255, 255, 0.2); \n padding: 8px 16px; border-radius: 50px; \n font-size: 0.8rem; color: white; \n display: flex; align-items: center; gap: 8px;\n }\n .hero-badge-item i { color: var(--accent-orange-light); }\n\n .hero-stats { \n display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 25px; \n }\n .hero-stat { text-align: center; }\n .hero-stat-value { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 2rem; font-weight: 800; color: var(--accent-orange); \n }\n .hero-stat-label { font-size: 0.85rem; color: rgba(255, 255, 255, 0.8); }\n\n \/* ============================================\n MAIN CONTAINER & TABS\n ============================================ *\/\n .main-container { max-width: 1200px; margin: -50px auto 20px; padding: 0 15px; position: relative; z-index: 5; }\n \n \/* Animated Border Tabs *\/\n .main-tabs-wrapper { \n display: flex; \n gap: 15px; \n margin-bottom: 25px; \n flex-wrap: wrap; \n justify-content: center;\n }\n \n .main-tab-btn { \n position: relative;\n flex: 1; \n min-width: 200px;\n display: flex; \n align-items: center; \n justify-content: center; \n gap: 12px; \n padding: 20px 30px; \n font-family: 'Poppins', sans-serif; \n font-size: 1rem; \n font-weight: 600; \n color: var(--text-primary);\n background: var(--bg-card);\n border: none;\n border-radius: var(--radius-lg);\n cursor: pointer;\n transition: var(--transition);\n z-index: 1;\n }\n \n \/* Animated gradient border *\/\n .main-tab-btn::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue-light), var(--accent-orange-light), var(--primary-blue));\n background-size: 300% 300%;\n border-radius: calc(var(--radius-lg) + 3px);\n z-index: -1;\n animation: borderAnimation 3s ease infinite;\n }\n \n .main-tab-btn::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--bg-card);\n border-radius: var(--radius-lg);\n z-index: -1;\n transition: var(--transition);\n }\n \n .main-tab-btn:hover { \n transform: translateY(-3px);\n box-shadow: var(--shadow-lg);\n }\n .main-tab-btn:hover::after { background: var(--bg-hover); }\n \n .main-tab-btn i { font-size: 1.4rem; transition: var(--transition); color: var(--primary-blue); }\n .main-tab-btn:hover i { transform: scale(1.1); }\n \n .main-tab-btn.active::after { background: var(--gradient-primary); }\n .main-tab-btn.active { color: white; }\n .main-tab-btn.active i { color: var(--accent-orange-light); }\n\n \/* Content Wrapper with Border *\/\n .content-wrapper { \n background: var(--bg-card); \n border-radius: var(--radius-lg); \n box-shadow: var(--shadow-lg); \n overflow: hidden;\n border: 3px solid var(--border-color);\n position: relative;\n }\n .content-wrapper::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue));\n background-size: 200% 200%;\n border-radius: calc(var(--radius-lg) + 3px);\n z-index: -1;\n animation: borderAnimation 4s ease infinite;\n }\n \n .tab-panel { display: none; animation: fadeIn 0.4s ease; }\n .tab-panel.active { display: block; }\n\n \/* ============================================\n BORDERED SECTIONS\n ============================================ *\/\n .bordered-section {\n border: 2px solid var(--border-color);\n border-radius: var(--radius-lg);\n margin: 20px;\n overflow: hidden;\n }\n \n .section-header {\n background: var(--gradient-primary);\n padding: 18px 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n color: white;\n }\n .section-header i { font-size: 1.3rem; color: var(--accent-orange-light); }\n .section-header-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \n .section-content {\n padding: 25px;\n background: var(--bg-secondary);\n }\n\n \/* ============================================\n EXAM TYPE CARDS (Detailed Style)\n ============================================ *\/\n .exam-type-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .exam-type-card {\n background: var(--bg-card);\n border-radius: var(--radius-lg);\n padding: 22px;\n cursor: pointer;\n transition: var(--transition);\n border: 2px solid var(--border-color);\n position: relative;\n overflow: hidden;\n }\n .exam-type-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 4px; height: 100%;\n background: var(--primary-blue);\n transition: var(--transition);\n }\n .exam-type-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary-blue-light);\n }\n .exam-type-card:hover::before { width: 6px; }\n .exam-type-card.active {\n border-color: var(--primary-blue);\n box-shadow: 0 10px 30px rgba(37, 99, 235, 0.2);\n }\n .exam-type-card.active::before { \n width: 6px;\n background: var(--gradient-secondary);\n }\n \n .exam-type-card-header {\n display: flex; align-items: center; gap: 15px; margin-bottom: 12px;\n }\n .exam-type-icon {\n width: 50px; height: 50px;\n background: var(--gradient-primary);\n border-radius: var(--radius);\n display: flex; align-items: center; justify-content: center;\n color: white; font-size: 1.3rem;\n flex-shrink: 0;\n }\n .exam-type-card.active .exam-type-icon { background: var(--gradient-secondary); }\n \n .exam-type-title { \n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.05rem; font-weight: 700; \n color: var(--text-primary);\n }\n .exam-type-desc {\n font-size: 0.85rem; color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 12px;\n }\n .exam-type-features {\n display: flex; gap: 8px; flex-wrap: wrap;\n }\n .exam-type-feature {\n background: var(--bg-tertiary);\n padding: 5px 12px; border-radius: 20px;\n font-size: 0.75rem; color: var(--text-secondary);\n display: flex; align-items: center; gap: 6px;\n }\n .exam-type-feature i { color: var(--primary-blue); font-size: 0.7rem; }\n\n \/* ============================================\n BRANCH TABS\n ============================================ *\/\n .branch-tabs-wrapper { \n background: var(--bg-tertiary); \n padding: 25px; \n border-bottom: 2px solid var(--border-color);\n margin: 0 20px;\n border-radius: var(--radius-lg);\n margin-bottom: 20px;\n }\n .branch-tabs-title { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1.1rem; font-weight: 700; \n color: var(--text-primary); \n margin-bottom: 18px; \n display: flex; align-items: center; gap: 12px; \n }\n .branch-tabs-title i { color: var(--accent-orange); font-size: 1.2rem; }\n .branch-tabs { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }\n \n .branch-tab-btn { \n position: relative;\n display: flex; align-items: center; gap: 10px; padding: 14px 20px; \n font-family: 'Poppins', sans-serif; font-size: 0.88rem; font-weight: 600; \n color: var(--text-secondary);\n background: var(--bg-card);\n border: none;\n border-radius: var(--radius-md);\n cursor: pointer;\n transition: var(--transition);\n z-index: 1;\n }\n .branch-tab-btn::before {\n content: '';\n position: absolute;\n top: -2px; left: -2px; right: -2px; bottom: -2px;\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue));\n background-size: 200% 200%;\n border-radius: calc(var(--radius-md) + 2px);\n z-index: -1;\n animation: borderAnimation 3s ease infinite;\n }\n .branch-tab-btn::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: var(--bg-card);\n border-radius: var(--radius-md);\n z-index: -1;\n }\n .branch-tab-btn i { font-size: 1.1rem; color: var(--primary-blue); }\n .branch-tab-btn.active::after { background: var(--gradient-primary); }\n .branch-tab-btn.active { color: white; }\n .branch-tab-btn.active i { color: white; }\n\n \/* ============================================\n CONTENT PANELS\n ============================================ *\/\n .content-panel-wrapper { padding: 25px; }\n\n \/* Exam Info Box *\/\n .exam-info-box { \n background: linear-gradient(135deg, rgba(37, 99, 235, 0.05) 0%, rgba(245, 158, 11, 0.05) 100%); \n border-radius: var(--radius-lg); \n padding: 26px; \n margin-bottom: 28px; \n border: 2px solid var(--border-color); \n border-left: 6px solid var(--accent-orange); \n }\n .exam-info-header { \n display: flex; align-items: center; gap: 18px; \n margin-bottom: 18px; flex-wrap: wrap; \n }\n .exam-info-icon { \n width: 55px; height: 55px; \n background: var(--gradient-primary); \n border-radius: var(--radius); \n display: flex; align-items: center; justify-content: center; \n color: white; font-size: 1.4rem;\n box-shadow: var(--shadow-md);\n }\n .exam-info-header h2 { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1.35rem; font-weight: 700; \n color: var(--text-primary); margin: 0; flex: 1; \n }\n .exam-info-details { \n background: var(--bg-card); border-radius: var(--radius); padding: 18px;\n border: 1px solid var(--border-color);\n }\n .exam-info-details p { \n color: var(--text-secondary); font-size: 0.92rem; \n margin-bottom: 10px; line-height: 1.7; \n }\n .exam-info-details p:last-child { margin-bottom: 0; }\n .exam-info-details p strong { color: var(--primary-blue); }\n\n \/* Exam Pattern Section *\/\n .exam-pattern-section {\n background: var(--bg-card);\n border-radius: var(--radius-lg);\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: var(--shadow-lg);\n border: 2px solid var(--primary-blue-light);\n }\n .exam-pattern-header {\n background: var(--gradient-primary);\n padding: 22px 28px;\n color: white;\n }\n .exam-pattern-header h3 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.25rem; font-weight: 700;\n display: flex; align-items: center; gap: 12px;\n margin-bottom: 8px;\n }\n .exam-pattern-header p { font-size: 0.9rem; opacity: 0.9; }\n .exam-pattern-body { padding: 25px; }\n\n \/* Tables *\/\n .exam-table-container { \n overflow-x: auto; \n border-radius: var(--radius-md); \n border: 1px solid var(--border-color);\n }\n .exam-table { width: 100%; border-collapse: collapse; min-width: 650px; }\n .exam-table thead { background: var(--gradient-dark); }\n .exam-table th { \n padding: 16px 20px; text-align: center; color: white; \n font-weight: 600; font-size: 0.85rem; text-transform: uppercase; \n }\n .exam-table tbody tr { \n border-bottom: 1px solid var(--border-light); \n transition: var(--transition); \n }\n .exam-table tbody tr:hover { background: var(--bg-hover); }\n .exam-table td { \n padding: 16px 20px; text-align: center; \n font-size: 0.9rem; vertical-align: middle;\n color: var(--text-primary);\n }\n .exam-table td:first-child { \n font-weight: 700; color: var(--primary-blue); \n }\n .exam-table td:nth-child(2) { text-align: left; }\n .exam-table .paper-type { \n display: inline-block; padding: 5px 14px; border-radius: 20px; \n font-size: 0.8rem; font-weight: 600; \n }\n .exam-table .paper-type.objective { background: #dbeafe; color: var(--primary-blue); }\n .exam-table .paper-type.subjective { background: #fef3c7; color: var(--accent-orange-dark); }\n .exam-table .paper-type.practical { background: #d1fae5; color: var(--success); }\n .exam-table .total-row { background: var(--accent-orange-fade); }\n .exam-table .total-row td { font-weight: 700; color: var(--primary-blue-dark); }\n\n \/* Syllabus Sections *\/\n .syllabus-section { margin-bottom: 30px; }\n .syllabus-header { \n background: var(--gradient-primary); \n padding: 18px 24px; \n border-radius: var(--radius-md); \n margin-bottom: 18px; \n color: white; \n }\n .syllabus-header h3 { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1.1rem; font-weight: 700; margin: 0;\n display: flex; align-items: center; gap: 14px; \n }\n .syllabus-content { \n background: var(--bg-card); \n border: 2px solid var(--border-color); \n border-radius: var(--radius-md); \n padding: 24px; \n box-shadow: var(--shadow); \n }\n .syllabus-content h4 { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1rem; font-weight: 700; \n color: var(--text-primary); \n margin-bottom: 14px; \n display: flex; align-items: center; gap: 10px; \n }\n .syllabus-content h4 i { color: var(--accent-orange); }\n .syllabus-list { margin-left: 24px; margin-bottom: 14px; }\n .syllabus-list li { \n color: var(--text-secondary); font-size: 0.92rem; \n line-height: 1.8; margin-bottom: 8px; \n }\n\n \/* Reference Books *\/\n .reference-books { \n background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%); \n border: 2px solid rgba(16, 185, 129, 0.3); \n border-radius: var(--radius-lg); \n padding: 22px; \n margin-top: 25px;\n }\n .reference-books h4 { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1.1rem; font-weight: 700; \n color: var(--text-primary); \n margin-bottom: 16px; \n display: flex; align-items: center; gap: 12px; \n }\n .reference-books h4 i { color: var(--success); }\n .books-list { list-style: none; counter-reset: book-counter; }\n .books-list li { \n counter-increment: book-counter; \n position: relative; padding-left: 38px; \n margin-bottom: 12px; font-size: 0.9rem; \n color: var(--text-secondary); line-height: 1.6; \n }\n .books-list li::before { \n content: counter(book-counter); \n position: absolute; left: 0; top: 0; \n width: 26px; height: 26px; \n background: var(--success); color: white; \n border-radius: 50%; \n display: flex; align-items: center; justify-content: center; \n font-size: 0.75rem; font-weight: 700; \n }\n\n \/* Important Notes *\/\n .important-notes {\n margin-top: 25px;\n padding: 20px 24px;\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);\n border-radius: var(--radius-lg);\n border: 2px solid rgba(245, 158, 11, 0.3);\n border-left: 5px solid var(--accent-orange);\n }\n .important-notes h4 { \n font-size: 1rem; font-weight: 700; color: var(--text-primary); \n margin-bottom: 12px; display: flex; align-items: center; gap: 10px; \n }\n .important-notes h4 i { color: var(--accent-orange); }\n .important-notes ul { list-style: none; font-size: 0.88rem; color: var(--text-secondary); }\n .important-notes li { \n padding: 6px 0 6px 22px; position: relative; line-height: 1.6;\n }\n .important-notes li::before { \n content: '\u2022'; position: absolute; left: 0; \n color: var(--accent-orange); font-weight: bold; font-size: 1.2rem;\n }\n\n \/* ============================================\n STUDY MATERIALS - DOCUMENT VIEWER STYLE\n ============================================ *\/\n .materials-container {\n display: grid;\n grid-template-columns: 380px 1fr;\n gap: 0;\n min-height: 650px;\n border: 3px solid var(--accent-orange);\n border-radius: var(--radius-lg);\n overflow: hidden;\n margin: 20px;\n }\n \n .doc-sidebar {\n background: var(--bg-secondary);\n border-right: 3px solid var(--accent-orange);\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n }\n \n .doc-sidebar-header {\n background: var(--gradient-primary);\n padding: 20px 22px;\n color: white;\n display: flex;\n align-items: center;\n gap: 12px;\n position: sticky;\n top: 0;\n z-index: 10;\n }\n .doc-sidebar-header i { font-size: 1.4rem; color: var(--accent-orange-light); }\n .doc-sidebar-header-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 1rem;\n }\n \n .doc-topic-section {\n border-bottom: 2px solid var(--accent-orange);\n }\n \n .doc-topic-header {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(251, 191, 36, 0.2) 100%);\n padding: 14px 20px;\n font-weight: 600;\n font-size: 0.92rem;\n color: var(--accent-orange-dark);\n display: flex;\n align-items: center;\n gap: 12px;\n border-left: 4px solid var(--accent-orange);\n cursor: pointer;\n transition: var(--transition);\n }\n [data-theme=\"dark\"] .doc-topic-header { color: var(--accent-orange-light); }\n .doc-topic-header:hover {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(251, 191, 36, 0.25) 100%);\n }\n .doc-topic-header i { color: var(--accent-orange); }\n .doc-topic-header .arrow {\n margin-left: auto;\n transition: var(--transition);\n }\n .doc-topic-section.open .doc-topic-header .arrow {\n transform: rotate(180deg);\n }\n \n .doc-list {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n .doc-topic-section.open .doc-list {\n max-height: 600px;\n }\n \n .doc-item {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 15px 22px;\n cursor: pointer;\n transition: var(--transition);\n border-bottom: 1px solid var(--border-light);\n background: var(--bg-card);\n }\n .doc-item:hover {\n background: var(--bg-hover);\n }\n .doc-item.active {\n background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(59, 130, 246, 0.15) 100%);\n border-left: 4px solid var(--primary-blue);\n }\n \n .doc-icon {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: var(--primary-blue);\n border-radius: var(--radius);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.3rem;\n }\n .doc-icon.pdf { background: #dc2626; }\n \n .doc-info { flex: 1; min-width: 0; }\n .doc-name {\n font-weight: 600;\n font-size: 0.9rem;\n margin-bottom: 4px;\n color: var(--text-primary);\n }\n .doc-badge {\n display: inline-block;\n font-size: 0.7rem;\n padding: 3px 10px;\n border-radius: 20px;\n font-weight: 600;\n }\n .doc-badge.updated { background: rgba(16, 185, 129, 0.15); color: var(--success); }\n .doc-badge.official { background: rgba(37, 99, 235, 0.15); color: var(--primary-blue); }\n .doc-badge.latest { background: rgba(245, 158, 11, 0.15); color: var(--accent-orange-dark); }\n \n .pdf-viewer {\n background: var(--bg-tertiary);\n display: flex;\n flex-direction: column;\n }\n \n .pdf-viewer-header {\n background: var(--gradient-secondary);\n padding: 18px 22px;\n color: white;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .pdf-viewer-header i { font-size: 1.3rem; }\n .pdf-viewer-title {\n font-weight: 600;\n font-size: 1rem;\n flex: 1;\n }\n \n .pdf-viewer-content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 25px;\n }\n \n .pdf-placeholder {\n text-align: center;\n color: var(--text-muted);\n }\n .pdf-placeholder i {\n font-size: 5rem;\n margin-bottom: 20px;\n opacity: 0.3;\n }\n .pdf-placeholder p {\n font-size: 1.1rem;\n margin-bottom: 8px;\n }\n .pdf-placeholder .sub { font-size: 0.9rem; opacity: 0.7; }\n \n .pdf-frame {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: var(--radius);\n background: white;\n }\n\n \n \/* Mobile Cards *\/\n .mobile-cards-wrapper { display: none; }\n .mobile-card { \n background: var(--bg-card); \n border-radius: var(--radius-lg); \n overflow: hidden; \n margin-bottom: 18px; \n border: 2px solid var(--border-color); \n box-shadow: var(--shadow); \n }\n .mobile-card-header { \n background: var(--gradient-dark); \n padding: 18px 22px; \n display: flex; \n justify-content: space-between; \n align-items: center; \n }\n .mobile-card-header.upcoming { background: var(--gradient-secondary); }\n .mobile-card-year { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-weight: 700; font-size: 1.15rem; \n color: white; \n }\n .mobile-card-body { padding: 18px 22px; }\n .mobile-card-actions { display: flex; gap: 12px; flex-wrap: wrap; }\n\n \/* Highlights *\/\n .highlights-section { margin-top: 30px; }\n .highlights-title { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1.15rem; font-weight: 700; \n color: var(--text-primary); \n margin-bottom: 20px; \n display: flex; align-items: center; gap: 12px; \n }\n .highlights-title i { color: var(--accent-orange); }\n .highlights-grid { \n display: grid; \n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); \n gap: 18px; \n }\n .highlight-card { \n background: var(--bg-card); \n border-radius: var(--radius-lg); \n padding: 22px; \n border: 2px solid var(--border-color); \n box-shadow: var(--shadow-sm); \n text-align: center; \n transition: var(--transition); \n }\n .highlight-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n .highlight-card.orange { border-left: 5px solid var(--accent-orange); }\n .highlight-card.blue { border-left: 5px solid var(--primary-blue); }\n .highlight-card.green { border-left: 5px solid var(--success); }\n .highlight-card.purple { border-left: 5px solid var(--purple); }\n .highlight-icon { \n width: 55px; height: 55px; \n border-radius: 50%; \n display: flex; align-items: center; justify-content: center; \n margin: 0 auto 14px; font-size: 1.3rem; \n }\n .highlight-card.orange .highlight-icon { background: rgba(245, 158, 11, 0.15); color: var(--accent-orange); }\n .highlight-card.blue .highlight-icon { background: rgba(37, 99, 235, 0.15); color: var(--primary-blue); }\n .highlight-card.green .highlight-icon { background: rgba(16, 185, 129, 0.15); color: var(--success); }\n .highlight-card.purple .highlight-icon { background: rgba(139, 92, 246, 0.15); color: var(--purple); }\n .highlight-value { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: 1.6rem; font-weight: 800; \n color: var(--text-primary); \n margin-bottom: 5px; \n }\n .highlight-label { font-size: 0.82rem; color: var(--text-muted); text-transform: uppercase; }\n\n \/* ============================================\n SCROLL TO TOP\n ============================================ *\/\n .scroll-top-btn { \n position: fixed; bottom: 30px; right: 30px; \n width: 52px; height: 52px; \n background: var(--gradient-secondary); \n color: white; border: none; border-radius: 50%; \n cursor: pointer; font-size: 1.3rem; \n box-shadow: var(--shadow-lg); \n transition: var(--transition); \n opacity: 0; visibility: hidden; z-index: 1000; \n }\n .scroll-top-btn.visible { opacity: 1; visibility: visible; }\n .scroll-top-btn:hover { \n transform: translateY(-5px) scale(1.1); \n box-shadow: var(--shadow-xl);\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 992px) {\n .exam-type-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }\n .materials-container { grid-template-columns: 1fr; }\n .pdf-viewer { min-height: 450px; }\n .main-tabs-wrapper { flex-direction: column; }\n }\n @media (max-width: 768px) {\n .theme-toggle { top: 10px; right: 10px; padding: 6px 12px; }\n .theme-toggle span { display: none; }\n .hero { padding: 40px 15px 80px; }\n .main-tabs-wrapper { flex-direction: column; }\n .main-tab-btn { max-width: 100%; }\n .branch-tabs { flex-direction: column; }\n .branch-tab-btn { width: 100%; justify-content: center; }\n .content-panel-wrapper { padding: 20px; }\n .paper-info-box { flex-direction: column; text-align: center; }\n .table-container { display: none; }\n .mobile-cards-wrapper { display: block; }\n .hero-stats { gap: 20px; }\n .bordered-section { margin: 15px; }\n .materials-container { margin: 15px; }\n .branch-tabs-wrapper { margin: 0 15px 15px; }\n }\n @media (max-width: 480px) {\n .exam-type-grid { grid-template-columns: 1fr; }\n .exam-table { min-width: 550px; }\n .highlights-grid { grid-template-columns: 1fr 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Reading Progress -->\n <div class=\"reading-progress\" id=\"readingProgress\"><\/div>\n\n <!-- Theme Toggle -->\n <div class=\"theme-toggle\" onclick=\"toggleTheme()\">\n <i class=\"fas fa-sun theme-icon sun\"><\/i>\n <i class=\"fas fa-moon theme-icon moon\"><\/i>\n <button class=\"theme-toggle-btn\"><\/button>\n <span style=\"font-size: 0.85rem; color: var(--text-secondary);\">Theme<\/span>\n <\/div>\n\n <!-- Toast Container -->\n <div class=\"toast-container\" id=\"toastContainer\"><\/div>\n\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-badge\"><i class=\"fas fa-shield-alt\"><\/i> IA&AD Departmental Examinations<\/div>\n <h1 class=\"hero-title\"><span>CAG<\/span> Departmental Examinations<\/h1>\n <p class=\"hero-description\">Complete preparation guide for all examinations conducted by the Comptroller & Auditor General of India - SAS, Revenue Audit, CPD, Incentive, Embassy Audit, UN Audit & more<\/p>\n \n <\/div>\n <\/section>\n\n <!-- Main Container -->\n <div class=\"main-container\">\n <!-- Main Tabs with Animated Border -->\n <div class=\"main-tabs-wrapper\">\n <button class=\"main-tab-btn active\" data-tab=\"syllabus\">\n <i class=\"fas fa-book-open\"><\/i> Syllabus\n <\/button>\n <button class=\"main-tab-btn\" data-tab=\"study-material\">\n <i class=\"fas fa-graduation-cap\"><\/i> Study Material\n <\/button>\n \n <\/div>\n\n <div class=\"content-wrapper\">\n <!-- Tab 1: Syllabus -->\n <div id=\"syllabus\" class=\"tab-panel active\">\n <div class=\"bordered-section\">\n <div class=\"section-header\">\n <i class=\"fas fa-th-large\"><\/i>\n <span class=\"section-header-title\">Select Examination Type<\/span>\n <\/div>\n <div class=\"section-content\">\n <div class=\"exam-type-grid\" id=\"examTypeGrid\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"branch-tabs-wrapper\" id=\"branchTabsWrapper\" style=\"display: none;\">\n <h3 class=\"branch-tabs-title\">\n <i class=\"fas fa-code-branch\"><\/i> Select Your Audit Branch\n <\/h3>\n <div class=\"branch-tabs\" id=\"branchTabs\"><\/div>\n <\/div>\n\n <div class=\"content-panel-wrapper\" id=\"syllabusContent\"><\/div>\n <\/div>\n\n <!-- Tab 2: Study Material -->\n <div id=\"study-material\" class=\"tab-panel\">\n <div class=\"bordered-section\">\n <div class=\"section-header\">\n <i class=\"fas fa-th-large\"><\/i>\n <span class=\"section-header-title\">Select Examination Type<\/span>\n <\/div>\n <div class=\"section-content\">\n <div class=\"exam-type-grid\" id=\"studyMaterialExamTypeGrid\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"materials-container\" id=\"materialsContainer\">\n <div class=\"doc-sidebar\">\n <div class=\"doc-sidebar-header\">\n <i class=\"fas fa-folder-open\"><\/i>\n <span class=\"doc-sidebar-header-title\">Select a Document to View<\/span>\n <\/div>\n <div id=\"docList\"><\/div>\n <\/div>\n <div class=\"pdf-viewer\">\n <div class=\"pdf-viewer-header\" id=\"pdfHeader\">\n <i class=\"fas fa-file-pdf\"><\/i>\n <span class=\"pdf-viewer-title\" id=\"pdfTitle\">No Document Selected<\/span>\n <\/div>\n <div class=\"pdf-viewer-content\" id=\"pdfContent\">\n <div class=\"pdf-placeholder\">\n <i class=\"fas fa-file-pdf\"><\/i>\n <p>Select a document from the list<\/p>\n <p class=\"sub\">Click on any document to view it here<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n <\/div>\n\n <!-- Scroll to Top -->\n <button class=\"scroll-top-btn\" id=\"scrollTopBtn\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <script>\n \/* ============================================\n CONFIGURATION DATA\n ============================================ *\/\n const examTypes = {\n sas: {\n id: 'sas',\n name: 'SAS Examination',\n fullName: 'Subordinate Audit\/Accounts Service Examination',\n icon: 'fa-award',\n description: 'Main promotional examination for Auditors\/Accountants to AAO grade. Revised syllabus from 2024.',\n features: [],\n hasBranches: true\n },\n rae: {\n id: 'rae',\n name: 'Revenue Audit Exam',\n fullName: 'Revenue Audit Examination',\n icon: 'fa-file-invoice-dollar',\n description: 'Examination for officers conducting Revenue Audit of Income Tax and GST.',\n features: [],\n hasBranches: false\n },\n cpd: {\n id: 'cpd',\n name: 'CPD Examination',\n fullName: 'Continuous Professional Development Examination',\n icon: 'fa-chart-line',\n description: 'Professional development examination conducted at three levels.',\n features: [],\n hasBranches: false\n },\n incentive: {\n id: 'incentive',\n name: 'Incentive Examination',\n fullName: 'Incentive Examination for Sr. Auditors\/Accountants',\n icon: 'fa-star',\n description: 'Examination for Sr. Auditors\/Sr. Accountants for career advancement incentives.',\n features: [],\n hasBranches: false\n },\n embassy: {\n id: 'embassy',\n name: 'Embassy Audit Exam',\n fullName: 'Embassy Audit Examination',\n icon: 'fa-building-columns',\n description: 'Examination to assess suitability for conducting audit of Indian Embassies abroad.',\n features: [],\n hasBranches: false\n },\n un: {\n id: 'un',\n name: 'UN Audit Exam',\n fullName: 'UN Audit Examination',\n icon: 'fa-globe-americas',\n description: 'Examination to assess suitability for conducting audit of UN Organizations.',\n features: [],\n hasBranches: false\n },\n dea: {\n id: 'dea',\n name: 'Departmental Exam (Auditors)',\n fullName: 'Departmental Examination for Auditors',\n icon: 'fa-user-check',\n description: 'Mandatory examination for confirmation of directly recruited and promoted Auditors.',\n features: [],\n hasBranches: false\n },\n deacc: {\n id: 'deacc',\n name: 'Departmental Exam (Accountants)',\n fullName: 'Departmental Examination for Accountants',\n icon: 'fa-calculator',\n description: 'Mandatory examination for confirmation of directly recruited Accountants.',\n features: [],\n hasBranches: false\n }\n };\n\n const sasBranches = {\n civil: { id: 'civil', name: 'Civil Accounts\/Audit', icon: 'fa-building' },\n defence: { id: 'defence', name: 'Defence Audit', icon: 'fa-shield-halved' },\n railway: { id: 'railway', name: 'Railway Audit', icon: 'fa-train' },\n fc: { id: 'fc', name: 'F&C (Postal\/Telecom)', icon: 'fa-envelope' },\n commercial: { id: 'commercial', name: 'Commercial Audit', icon: 'fa-briefcase' }\n };\n\n const sasPapers = {\n groupI: [\n { code: 'PC-1', name: 'Language Skills', marks: 100, duration: '3 hrs', type: 'Descriptive', common: true },\n { code: 'PC-2', name: 'Government Audit', marks: 100, duration: '2 hrs', type: 'Objective', common: true },\n { code: 'PC-3', name: 'Information Technology', marks: 100, duration: '2 hrs', type: 'Objective + Practical', common: true },\n { code: 'PC-4', name: 'Financial Rules & Service Regulations', marks: 100, duration: '2 hrs', type: 'Objective' },\n { code: 'PC-5', name: 'Financial Rules & Service Regulations', marks: 100, duration: '2 hrs', type: 'Objective' },\n { code: 'PC-6', name: 'Principles of Accounts - I', marks: 100, duration: '2 hrs', type: 'Objective' },\n { code: 'PC-7', name: 'Principles of Accounts - II', marks: 100, duration: '2 hrs', type: 'Objective' },\n { code: 'PC-8', name: 'Principles of Accounts - III', marks: 100, duration: '2 hrs', type: 'Objective' }\n ],\n groupII: [\n { code: 'PC-9', name: 'Basic Financial Accounting & Analysis', marks: 100, duration: '2 hrs', type: 'Objective', common: true },\n { code: 'PC-12', name: 'Compliance & Performance Audit', marks: 100, duration: '2 hrs', type: 'Objective', common: true },\n { code: 'PC-14', name: 'Financial Audit', marks: 100, duration: '2 hrs', type: 'Objective', common: true }\n ]\n };\n\n \/\/ Study Materials organized by topics with yellow border sections\n const studyMaterials = {\n sas: [\n {\n topic: 'Constitution & Basic Laws',\n icon: 'fa-landmark',\n documents: [\n { name: 'Constitution of India (Full Text)', url: '\/wp-content\/uploads\/2025\/09\/COI_2024.pdf', badge: 'official' },\n { name: 'CAG DPC Act, 1971', url: 'https:\/\/cag.gov.in', badge: 'official' },\n { name: 'Regulations on Audit & Accounts 2020', url: '#', badge: 'updated' }\n ]\n },\n {\n topic: 'Audit Standards & Guidelines',\n icon: 'fa-gavel',\n documents: [\n { name: 'CAG Auditing Standards 2017', url: 'https:\/\/cag.gov.in\/en\/page-cag-s-auditing-standards-2017', badge: 'official' },\n { name: 'Compliance Audit Guidelines', url: '#', badge: 'latest' },\n { name: 'Performance Audit Guidelines', url: '#', badge: 'official' },\n { name: 'Financial Attest Audit Manual', url: '#', badge: 'updated' }\n ]\n },\n {\n topic: 'Financial Rules',\n icon: 'fa-coins',\n documents: [\n { name: 'General Financial Rules 2017', url: '\/wp-content\/uploads\/2025\/07\/FInal_GFR_upto_31_07_2024.pdf', badge: 'latest' },\n { name: 'DFPR 2024', url: '\/wp-content\/uploads\/2025\/07\/Delegation_of_Financial_Powers_Rules_2024_Booklet.pdf', badge: 'updated' },\n { name: 'Treasury Rules', url: '#', badge: 'official' }\n ]\n },\n {\n topic: 'Service Rules',\n icon: 'fa-users',\n documents: [\n { name: 'FR & SR Compilation', url: '\/wp-content\/uploads\/2025\/12\/Compilation_FR_SR_English.pdf', badge: 'official' },\n { name: 'CCS (Pension) Rules 2021', url: '\/wp-content\/uploads\/2025\/12\/CSS_PensionRules_2021_Book_Eng.pdf', badge: 'latest' },\n { name: 'CCS (Conduct) Rules', url: '\/wp-content\/uploads\/2025\/12\/CCS_Conduct_Rules_1964_Updated_27Feb15_0.pdf', badge: 'official' },\n { name: 'CCS (Leave) Rules', url: '\/wp-content\/uploads\/2025\/12\/ccs-leave-rules.pdf', badge: 'updated' }\n ]\n },\n {\n topic: 'Account Codes & Manuals',\n icon: 'fa-book',\n documents: [\n { name: 'Government Accounting Rules 1990', url: '\/wp-content\/uploads\/2025\/07\/GAR-1990.pdf', badge: 'official' },\n { name: 'Civil Accounts Manual 2024', url: '\/wp-content\/uploads\/2025\/07\/Civil-account-manaual-2024.pdf', badge: 'latest' },\n { name: 'List of Major & Minor Heads', url: '\/wp-content\/uploads\/2025\/07\/LMMH.pdf', badge: 'official' },\n { name: 'MSO (Technical) Vol-I', url: '#', badge: 'official' }\n ]\n },\n {\n topic: 'Hindi Study Material',\n icon: 'fa-language',\n documents: [\n { name: '\u0938\u0930\u0932 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0936\u092c\u094d\u0926\u093e\u0935\u0932\u0940', url: '#', badge: 'updated' },\n { name: 'Central Secretariat Manual for Office Procedure', url: '#', badge: 'official' }\n ]\n }\n ]\n };\n\n \/\/ State\n let currentExamType = 'sas';\n let currentBranch = 'civil';\n let theme = localStorage.getItem('cag_theme') || 'light';\n\n \/* ============================================\n INITIALIZATION\n ============================================ *\/\n document.addEventListener('DOMContentLoaded', () => {\n document.documentElement.setAttribute('data-theme', theme);\n initMainTabs();\n initExamTypeCards('examTypeGrid', 'syllabus');\n initExamTypeCards('studyMaterialExamTypeGrid', 'studyMaterial');\n initExamTypeCards('pypExamTypeGrid', 'pyp');\n initBranchTabs();\n generateSyllabusContent();\n generateStudyMaterialContent();\n \n initScrollTop();\n initReadingProgress();\n });\n\n \/* ============================================\n THEME TOGGLE\n ============================================ *\/\n \n\n \/* ============================================\n TOAST NOTIFICATIONS\n ============================================ *\/\n function showToast(title, message) {\n const container = document.getElementById('toastContainer');\n const toast = document.createElement('div');\n toast.className = 'toast';\n toast.innerHTML = `\n <i class=\"fas fa-check-circle\"><\/i>\n <div class=\"toast-content\">\n <div class=\"toast-title\">${title}<\/div>\n <div class=\"toast-message\">${message}<\/div>\n <\/div>\n <button class=\"toast-close\" onclick=\"this.parentElement.remove()\"><i class=\"fas fa-times\"><\/i><\/button>\n `;\n container.appendChild(toast);\n setTimeout(() => toast.remove(), 3000);\n }\n\n \/* ============================================\n MAIN TABS\n ============================================ *\/\n function initMainTabs() {\n document.querySelectorAll('.main-tab-btn').forEach(tab => {\n tab.addEventListener('click', () => {\n document.querySelectorAll('.main-tab-btn').forEach(t => t.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n tab.classList.add('active');\n document.getElementById(tab.dataset.tab).classList.add('active');\n });\n });\n }\n\n \/* ============================================\n EXAM TYPE CARDS\n ============================================ *\/\n function initExamTypeCards(gridId, context) {\n const grid = document.getElementById(gridId);\n if (!grid) return;\n\n grid.innerHTML = Object.values(examTypes).map(exam => `\n <div class=\"exam-type-card ${exam.id === 'sas' ? 'active' : ''}\" data-exam=\"${exam.id}\" data-context=\"${context}\">\n <div class=\"exam-type-card-header\">\n <div class=\"exam-type-icon\">\n <i class=\"fas ${exam.icon}\"><\/i>\n <\/div>\n <div class=\"exam-type-title\">${exam.name}<\/div>\n <\/div>\n <p class=\"exam-type-desc\">${exam.description}<\/p>\n <div class=\"exam-type-features\">\n ${exam.features.map(f => `<span class=\"exam-type-feature\"><i class=\"fas fa-check\"><\/i> ${f}<\/span>`).join('')}\n <\/div>\n <\/div>\n `).join('');\n\n grid.querySelectorAll('.exam-type-card').forEach(card => {\n card.addEventListener('click', () => {\n grid.querySelectorAll('.exam-type-card').forEach(c => c.classList.remove('active'));\n card.classList.add('active');\n currentExamType = card.dataset.exam;\n \n const branchWrapper = document.getElementById('branchTabsWrapper');\n if (branchWrapper && context === 'syllabus') {\n branchWrapper.style.display = examTypes[currentExamType].hasBranches ? 'block' : 'none';\n }\n \n if (context === 'syllabus') generateSyllabusContent();\n else if (context === 'studyMaterial') generateStudyMaterialContent();\n else if (context === 'pyp') generatePYPContent();\n });\n });\n }\n\n \/* ============================================\n BRANCH TABS\n ============================================ *\/\n function initBranchTabs() {\n const branchTabsContainer = document.getElementById('branchTabs');\n if (!branchTabsContainer) return;\n\n branchTabsContainer.innerHTML = Object.values(sasBranches).map(branch => `\n <button class=\"branch-tab-btn ${branch.id === 'civil' ? 'active' : ''}\" data-branch=\"${branch.id}\">\n <i class=\"fas ${branch.icon}\"><\/i> ${branch.name}\n <\/button>\n `).join('');\n\n branchTabsContainer.querySelectorAll('.branch-tab-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n branchTabsContainer.querySelectorAll('.branch-tab-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n currentBranch = btn.dataset.branch;\n generateSyllabusContent();\n });\n });\n\n document.getElementById('branchTabsWrapper').style.display = currentExamType === 'sas' ? 'block' : 'none';\n }\n\n \/* ============================================\n GENERATE SYLLABUS CONTENT\n ============================================ *\/\n function generateSyllabusContent() {\n const container = document.getElementById('syllabusContent');\n if (!container) return;\n const exam = examTypes[currentExamType];\n const branch = sasBranches[currentBranch];\n\n let html = `\n <div class=\"exam-info-box\">\n <div class=\"exam-info-header\">\n <div class=\"exam-info-icon\"><i class=\"fas ${exam.icon}\"><\/i><\/div>\n <h2>${exam.fullName}${currentExamType === 'sas' ? ' - ' + branch.name : ''}<\/h2>\n <\/div>\n <div class=\"exam-info-details\">\n <p><strong>Eligibility:<\/strong> ${getEligibility(currentExamType)}<\/p>\n <p><strong>Purpose:<\/strong> ${exam.description}<\/p>\n <p><strong>Mode:<\/strong> Computer Based Test (CBT)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"exam-pattern-section\">\n <div class=\"exam-pattern-header\">\n <h3><i class=\"fas fa-clipboard-list\"><\/i> Examination Pattern<\/h3>\n <p>Complete paper-wise details with marks and duration<\/p>\n <\/div>\n <div class=\"exam-pattern-body\">\n <div class=\"exam-table-container\">\n <table class=\"exam-table\">\n <thead>\n <tr>\n <th>Paper Code<\/th>\n <th>Subject<\/th>\n <th>Type<\/th>\n <th>Marks<\/th>\n <th>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n ${getPapersHTML(currentExamType)}\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n `;\n\n \/\/ Add detailed syllabus sections\n html += getSyllabusDetails(currentExamType);\n\n \/\/ Reference Books\n html += `\n <div class=\"reference-books\">\n <h4><i class=\"fas fa-book\"><\/i> Reference Books<\/h4>\n <ul class=\"books-list\">\n ${getReferenceBooks(currentExamType).map(b => `<li>${b}<\/li>`).join('')}\n <\/ul>\n <\/div>\n `;\n\n \/\/ Important Notes\n html += `\n <div class=\"important-notes\">\n <h4><i class=\"fas fa-exclamation-circle\"><\/i> Important Notes<\/h4>\n <ul>\n <li><strong>Negative Marking:<\/strong> 0.25 marks deducted for each wrong answer<\/li>\n <li><strong>Qualifying Marks:<\/strong> Minimum 40% in each paper and 50% aggregate<\/li>\n <li><strong>Mode:<\/strong> CBT conducted centrally by CAG Examination Wing<\/li>\n <\/ul>\n <\/div>\n `;\n\n container.innerHTML = html;\n }\n\n function getEligibility(examId) {\n const eligibilities = {\n sas: 'Auditors\/Accountants\/Sr. Auditors\/Sr. Accountants with minimum 3 years continuous service',\n rae: 'Officers conducting Revenue Audit of Direct and Indirect Taxes',\n cpd: 'Officers at different levels for professional development',\n incentive: 'Sr. Auditors and Sr. Accountants who have completed specified service',\n embassy: 'Sr. AOs\/AAOs from various branches',\n un: 'Officers suitable for audit of UN Organizations',\n dea: 'Directly recruited Auditors and promoted Auditors for confirmation',\n deacc: 'Directly recruited Accountants for confirmation'\n };\n return eligibilities[examId] || 'As per CAG notification';\n }\n\n function getPapersHTML(examId) {\n if (examId === 'sas') {\n return [...sasPapers.groupI, ...sasPapers.groupII].map(p => `\n <tr>\n <td>${p.code}<\/td>\n <td>${p.name} ${p.common ? '<span style=\"color: var(--success); font-size: 0.75rem;\">(Common)<\/span>' : ''}<\/td>\n <td><span class=\"paper-type ${p.type.includes('Objective') ? 'objective' : p.type.includes('Practical') ? 'practical' : 'subjective'}\">${p.type}<\/span><\/td>\n <td>${p.marks}<\/td>\n <td>${p.duration}<\/td>\n <\/tr>\n `).join('') + `<tr class=\"total-row\"><td colspan=\"3\"><strong>Total Papers: ${sasPapers.groupI.length + sasPapers.groupII.length}<\/strong><\/td><td><strong>1100<\/strong><\/td><td><\/td><\/tr>`;\n }\n return `<tr><td colspan=\"5\">Please refer to official notification for paper details<\/td><\/tr>`;\n }\n\n function getSyllabusDetails(examId) {\n if (examId === 'sas') {\n return `\n <div class=\"syllabus-section\">\n <div class=\"syllabus-header\"><h3><i class=\"fas fa-book\"><\/i> PC-1: Language Skills (Common)<\/h3><\/div>\n <div class=\"syllabus-content\">\n <h4><i class=\"fas fa-list-ul\"><\/i> Topics Covered<\/h4>\n <ul class=\"syllabus-list\">\n <li>Draft paragraph writing on given topics<\/li>\n <li>Essay writing on topics of general\/administrative interest<\/li>\n <li>Precis writing - condensing passage to 1\/3rd<\/li>\n <li>Reading comprehension and interpretation<\/li>\n <li>Official correspondence - Letters, O.M., D.O. letters<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"syllabus-section\">\n <div class=\"syllabus-header\"><h3><i class=\"fas fa-book\"><\/i> PC-2: Government Audit (Common)<\/h3><\/div>\n <div class=\"syllabus-content\">\n <h4><i class=\"fas fa-list-ul\"><\/i> Topics Covered<\/h4>\n <ul class=\"syllabus-list\">\n <li>Constitutional provisions related to CAG - Articles 148-151<\/li>\n <li>CAG's DPC Act, 1971 and Audit Regulations<\/li>\n <li>CAG Auditing Standards and INTOSAI\/ISSAI framework<\/li>\n <li>Types of Audit - Compliance, Performance, Financial<\/li>\n <li>Audit planning, execution, reporting and follow-up<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"syllabus-section\">\n <div class=\"syllabus-header\"><h3><i class=\"fas fa-book\"><\/i> PC-3: Information Technology (Common)<\/h3><\/div>\n <div class=\"syllabus-content\">\n <h4><i class=\"fas fa-list-ul\"><\/i> Theory Component (60 Marks)<\/h4>\n <ul class=\"syllabus-list\">\n <li>IT fundamentals - Hardware, Software, Networks<\/li>\n <li>Database Management Systems (DBMS) concepts<\/li>\n <li>Cybersecurity and Information Security<\/li>\n <li>IT Audit methodology and CAAT tools<\/li>\n <\/ul>\n <h4><i class=\"fas fa-list-ul\"><\/i> Practical Component (40 Marks)<\/h4>\n <ul class=\"syllabus-list\">\n <li>Advanced MS Excel - Formulas, Pivot Tables, VBA basics<\/li>\n <li>SQL Queries - SELECT, JOIN, GROUP BY, etc.<\/li>\n <li>Data analysis using spreadsheets<\/li>\n <\/ul>\n <\/div>\n <\/div>\n `;\n }\n return '';\n }\n\n function getReferenceBooks(examId) {\n const books = {\n sas: ['Consolidated Revised SAS Syllabus 2024', 'CAG\\'s Manual of Standing Orders (Audit)', 'CAG Auditing Standards 2017', 'General Financial Rules (GFR) 2017', 'Fundamental & Supplementary Rules (FR & SR)', 'Government Accounting Rules 1990'],\n rae: ['Income Tax Act 1961', 'GST Act and Rules', 'Revenue Audit Manual'],\n cpd: ['Financial Management Textbooks', 'Auditing Standards Reference', 'Public Finance & Economics'],\n default: ['Official CAG Notifications', 'Examination Guidelines']\n };\n return books[examId] || books.default;\n }\n\n \/* ============================================\n STUDY MATERIALS - DOCUMENT VIEWER\n ============================================ *\/\n function generateStudyMaterialContent() {\n const materials = studyMaterials.sas;\n const docList = document.getElementById('docList');\n \n let html = '';\n materials.forEach((category, catIndex) => {\n html += `\n <div class=\"doc-topic-section ${catIndex === 0 ? 'open' : ''}\">\n <div class=\"doc-topic-header\" onclick=\"toggleDocSection(this)\">\n <i class=\"fas ${category.icon}\"><\/i>\n ${category.topic}\n <i class=\"fas fa-chevron-down arrow\"><\/i>\n <\/div>\n <div class=\"doc-list\">\n ${category.documents.map(doc => `\n <div class=\"doc-item\" onclick=\"selectDocument('${doc.name}', '${doc.url}', '${doc.badge}')\">\n <div class=\"doc-icon pdf\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\n <div class=\"doc-info\">\n <div class=\"doc-name\">${doc.name}<\/div>\n <span class=\"doc-badge ${doc.badge}\">${doc.badge.charAt(0).toUpperCase() + doc.badge.slice(1)}<\/span>\n <\/div>\n <\/div>\n `).join('')}\n <\/div>\n <\/div>\n `;\n });\n \n docList.innerHTML = html;\n }\n\n function toggleDocSection(header) {\n header.parentElement.classList.toggle('open');\n }\n\n function selectDocument(name, url, badge) {\n document.querySelectorAll('.doc-item').forEach(item => item.classList.remove('active'));\n event.currentTarget.classList.add('active');\n \n document.getElementById('pdfTitle').textContent = name;\n const pdfContent = document.getElementById('pdfContent');\n \n if (url && url !== '#') {\n pdfContent.innerHTML = `<iframe class=\"pdf-frame\" src=\"${url}\"><\/iframe>`;\n } else {\n pdfContent.innerHTML = `\n <div class=\"pdf-placeholder\">\n <i class=\"fas fa-file-pdf\"><\/i>\n <p><strong>${name}<\/strong><\/p>\n <p class=\"sub\">PDF will be displayed here<\/p>\n <button onclick=\"showToast('Download', 'Document download started')\" style=\"margin-top: 20px; padding: 12px 24px; background: var(--gradient-primary); color: white; border: none; border-radius: var(--radius); cursor: pointer; font-weight: 600;\">\n <i class=\"fas fa-download\"><\/i> Download PDF\n <\/button>\n <\/div>\n `;\n }\n \n showToast('Document Selected', name);\n }\n\n \n\n \/* ============================================\n SCROLL & PROGRESS\n ============================================ *\/\n function initScrollTop() {\n const btn = document.getElementById('scrollTopBtn');\n window.addEventListener('scroll', () => {\n btn.classList.toggle('visible', window.scrollY > 300);\n });\n btn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n\n function initReadingProgress() {\n const progress = document.getElementById('readingProgress');\n window.addEventListener('scroll', () => {\n const winHeight = window.innerHeight;\n const docHeight = document.documentElement.scrollHeight - winHeight;\n const scrolled = window.scrollY;\n progress.style.width = (scrolled \/ docHeight * 100) + '%';\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CAG Departmental Examinations – Complete Preparation Guide | CSS Adda Theme IA&AD Departmental Examinations CAG Departmental Examinations Complete preparation guide […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7598","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/7598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7598"}],"version-history":[{"count":10,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/7598\/revisions"}],"predecessor-version":[{"id":7608,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/7598\/revisions\/7608"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}