{"id":656,"date":"2025-09-11T02:46:00","date_gmt":"2025-09-11T02:46:00","guid":{"rendered":"https:\/\/wiseexcellence.co.za\/high-school\/?p=656"},"modified":"2026-02-01T14:19:23","modified_gmt":"2026-02-01T14:19:23","slug":"management-accounting","status":"publish","type":"post","link":"https:\/\/wiseexcellence.co.za\/high-school\/management-accounting\/","title":{"rendered":"Management Accounting"},"content":{"rendered":"\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<!DOCTYPE html>rn<html lang=\"en\">rn<head>rn  <meta charset=\"UTF-8\">rn  <title>Comprehensive Study Toolkit: Grade 12 Accounting<\/title>rn  <style>rn    body { font-family: Arial, sans-serif; line-height: 1.6; margin: 20px; }rn    h1, h2, h3 { color: #2c3e50; }rn    ul { margin-left: 20px; }rn    li { margin-bottom: 5px; }rn    .section { margin-bottom: 40px; }rn  <\/style>rn<\/head>rn<body>rnrn  <h1>Comprehensive Study Toolkit: Analysis and Interpretation of Information<\/h1>rn  <p><strong>Grade 12 Accounting<\/strong><\/p>rn  <p>This toolkit is designed to help you master the analysis and interpretation of financial and non-financial information.<\/p>rnrn  <div class=\"section\">rn    <h2>I. Introduction to Analysis and Interpretation<\/h2>rn    <ul>rn      <li><strong>Purpose:<\/strong> Extract relevant information from financial statements for decision-making.<\/li>rn      <li><strong>Users and Reasons for Analysis:<\/strong>rn        <ul>rn          <li>Shareholders: Assess profitability.<\/li>rn          <li>Financial Institutions (short-term): Evaluate ability to pay short-term debts.<\/li>rn          <li>Financial Institutions (long-term): Assess ability to repay loans and interest.<\/li>rn          <li>SARS: Verify correct tax payments.<\/li>rn          <li>Management: Evaluate performance.<\/li>rn          <li>Customers: Assess sustainability.<\/li>rn          <li>Auditors: Ensure fair presentation of results.<\/li>rn          <li>Employees\/Unions: Assess growth and employment prospects.<\/li>rn        <\/ul>rn      <\/li>rn      <li><strong>Comparison Benchmarks:<\/strong>rn        <ul>rn          <li>Previous years (most meaningful).<\/li>rn          <li>Competitors.<\/li>rn          <li>Industry averages.<\/li>rn        <\/ul>rn      <\/li>rn      <li><strong>Prior Knowledge:<\/strong> Review Grade 10\u201311 concepts and year-end cycle from Trial Balance to Financial Statements.<\/li>rn    <\/ul>rn  <\/div>rnrn  <div class=\"section\">rn    <h2>II. Key Areas of Analysis and Financial Indicators<\/h2>rnrn    <h3>1. Profitability<\/h3>rn    <ul>rn      <li><strong>Description:<\/strong> Measures profit generation and asset efficiency.<\/li>rn      <li><strong>Indicators &#038; Formulas:<\/strong>rn        <ul>rn          <li>% Gross profit on sales = (Gross profit \/ Sales) \u00d7 100<\/li>rn          <li>% Gross profit on cost of sales = (Gross profit \/ Cost of sales) \u00d7 100<\/li>rn          <li>% Net profit on Sales = (Net profit \/ Sales) \u00d7 100<\/li>rn          <li>% Operating expenses on Sales = (Operating expenses \/ Sales) \u00d7 100<\/li>rn          <li>% Operating profit on Sales = (Operating profit \/ Sales) \u00d7 100<\/li>rn        <\/ul>rn      <\/li>rn      <li><em>Worked Example 1: Page 14\u201315<\/em><\/li>rn    <\/ul>rnrn    <h3>2. Liquidity<\/h3>rn    <ul>rn      <li><strong>Description:<\/strong> Ability to meet short-term obligations.<\/li>rn      <li><strong>Indicators &#038; Formulas:<\/strong>rn        <ul>rn          <li>Current Ratio = Current assets : Current liabilities<\/li>rn          <li>Acid Test Ratio = (Current assets &#8211; Inventories) : Current liabilities<\/li>rn          <li>Stock turnover rate = Cost of Sales \/ Average Stock<\/li>rn          <li>Stock holding period = (Average Inventories \/ Cost of Sales) \u00d7 365<\/li>rn          <li>Debtors\u2019 collection period = (Average Debtors \/ Credit Sales) \u00d7 365<\/li>rn          <li>Creditors\u2019 payment period = (Average Creditors \/ Purchases) \u00d7 365<\/li>rn        <\/ul>rn      <\/li>rn      <li><em>Worked Example 2: Page 18<\/em><\/li>rn    <\/ul>rnrn    <h3>3. Solvency<\/h3>rn    <ul>rn      <li><strong>Description:<\/strong> Ability to pay all debts.<\/li>rn      <li><strong>Indicators &#038; Formulas:<\/strong>rn        <ul>rn          <li>Solvency ratio = Total Assets : Total Liabilities<\/li>rn          <li>Net Asset = Total Assets \u2013 Total Liabilities<\/li>rn        <\/ul>rn      <\/li>rn      <li><em>Worked Example 3: Page 20<\/em><\/li>rn    <\/ul>rnrn    <h3>4. Return<\/h3>rn    <ul>rn      <li><strong>Description:<\/strong> Measures shareholder earnings.<\/li>rn      <li><strong>Indicators &#038; Formulas:<\/strong>rn        <ul>rn          <li>ROSHE = (Net Profit after tax \/ Avg Shareholders\u2019 Equity) \u00d7 100<\/li>rn          <li>EPS = (Net profit after tax \/ Issued shares)<\/li>rn          <li>DPS = (Ordinary Dividends \/ Issued shares)<\/li>rn          <li>NAV = (Shareholders Equity \/ Issued shares)<\/li>rn          <li>Dividend pay-out rate = (Dividends \/ Net profit after tax) \u00d7 100<\/li>rn        <\/ul>rn      <\/li>rn      <li><em>Worked Example 4: Page 22<\/em><\/li>rn    <\/ul>rnrn    <h3>5. Financial Risk \/ Gearing<\/h3>rn    <ul>rn      <li><strong>Description:<\/strong> Indicates financing structure and long-term risk.<\/li>rn      <li><strong>Indicators &#038; Formulas:<\/strong>rn        <ul>rn          <li>Debt-equity ratio = Non-current liabilities : Shareholders Equity<\/li>rn          <li>ROTCE = (Net profit before tax + Loan interest \/ Avg Capital Employed) \u00d7 100<\/li>rn        <\/ul>rn      <\/li>rn      <li><em>Worked Example 5: Page 24<\/em><\/li>rn    <\/ul>rnrn    <h3>6. Interpretation Beyond Financial Indicators<\/h3>rn    <ul>rn      <li>Dividend policy trends<\/li>rn      <li>Shareholding changes<\/li>rn      <li>General comments using two indicators with figures<\/li>rn    <\/ul>rn  <\/div>rnrn  <div class=\"section\">rn    <h2>III. Examination Guidance and Study Tips<\/h2>rn    <ul>rn      <li>Piecemeal approach with consolidation activities<\/li>rn      <li>Supplement classwork and textbooks<\/li>rn      <li>Progressive difficulty in examples<\/li>rn      <li>Active reading and highlighting<\/li>rn      <li>Interrogate worked examples<\/li>rn      <li>Attempt activities independently<\/li>rn      <li>Review and correct answers in a different color<\/li>rn      <li>Practice with past papers<\/li>rn      <li>Use answer books for familiarity<\/li>rn      <li>Know indicator names for formula sheet<\/li>rn      <li>Highlight verbs and dates in questions<\/li>rn      <li>Understand task requirements (comment, advise, justify, etc.)<\/li>rn    <\/ul>rn    <p><strong>Final Note:<\/strong> By working through these sections and practicing consistently, you&#8217;ll be well-prepared for analysis and interpretation questions in your Grade 12 Accounting exams.<\/p>rn  <\/div>rnrn<\/body>rn<\/html>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n  <meta charset=\\\"UTF-8\\\">\\r\\n  <title>What Is Management Accounting?<\/title>\\r\\n  <style>\\r\\n    body { font-family: Arial, sans-serif; margin: 20px; line-height: 1.6; }\\r\\n    h1, h2, h3 { color: #2c3e50; }\\r\\n    table { width: 100%; border-collapse: collapse; margin-top: 10px; }\\r\\n    th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }\\r\\n    th { background-color: #f4f4f4; }\\r\\n    ul { margin-left: 20px; }\\r\\n    li { margin-bottom: 5px; }\\r\\n    .section { margin-bottom: 40px; }\\r\\n  <\/style>\\r\\n<\/head>\\r\\n<body>\\r\\n\\r\\n  <h1>WHAT IS MANAGEMENT ACCOUNTING?<\/h1>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>Definition:<\/h2>\\r\\n    <p>Management Accounting is the area of accounting focused on providing financial information to managers for decision-making, planning, and control within the business. It is forward-looking (future-based), unlike Financial Accounting, which focuses on past results.<\/p>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>KEY FUNCTIONS<\/h2>\\r\\n    <table>\\r\\n      <thead>\\r\\n        <tr>\\r\\n          <th>Function<\/th>\\r\\n          <th>Description<\/th>\\r\\n        <\/tr>\\r\\n      <\/thead>\\r\\n      <tbody>\\r\\n        <tr>\\r\\n          <td>Planning<\/td>\\r\\n          <td>Budgeting and forecasting future results<\/td>\\r\\n        <\/tr>\\r\\n        <tr>\\r\\n          <td>Control<\/td>\\r\\n          <td>Monitoring performance using variances<\/td>\\r\\n        <\/tr>\\r\\n        <tr>\\r\\n          <td>Decision-making<\/td>\\r\\n          <td>Choosing between alternatives using cost and benefit info<\/td>\\r\\n        <\/tr>\\r\\n      <\/tbody>\\r\\n    <\/table>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>COST CONCEPTS<\/h2>\\r\\n    <h3>1. Fixed vs Variable Costs<\/h3>\\r\\n    <table>\\r\\n      <thead>\\r\\n        <tr>\\r\\n          <th>Cost Type<\/th>\\r\\n          <th>Description<\/th>\\r\\n          <th>Example<\/th>\\r\\n        <\/tr>\\r\\n      <\/thead>\\r\\n      <tbody>\\r\\n        <tr>\\r\\n          <td>Fixed Cost<\/td>\\r\\n          <td>Remains constant regardless of production<\/td>\\r\\n          <td>Rent, Salaries<\/td>\\r\\n        <\/tr>\\r\\n        <tr>\\r\\n          <td>Variable Cost<\/td>\\r\\n          <td>Changes with level of output<\/td>\\r\\n          <td>Raw materials, wages per unit<\/td>\\r\\n        <\/tr>\\r\\n      <\/tbody>\\r\\n    <\/table>\\r\\n\\r\\n    <h3>2. Direct vs Indirect Costs<\/h3>\\r\\n    <table>\\r\\n      <thead>\\r\\n        <tr>\\r\\n          <th>Cost Type<\/th>\\r\\n          <th>Description<\/th>\\r\\n          <th>Example<\/th>\\r\\n        <\/tr>\\r\\n      <\/thead>\\r\\n      <tbody>\\r\\n        <tr>\\r\\n          <td>Direct Cost<\/td>\\r\\n          <td>Directly traceable to a product<\/td>\\r\\n          <td>Wood in furniture<\/td>\\r\\n        <\/tr>\\r\\n        <tr>\\r\\n          <td>Indirect Cost<\/td>\\r\\n          <td>Cannot be traced to a specific item<\/td>\\r\\n          <td>Electricity, rent<\/td>\\r\\n        <\/tr>\\r\\n      <\/tbody>\\r\\n    <\/table>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>BREAK-EVEN ANALYSIS<\/h2>\\r\\n    <p><strong>Definition:<\/strong> Break-even analysis determines the point where total income equals total cost \u2013 no profit or loss.<\/p>\\r\\n    <p><strong>Formula:<\/strong> Break-even units = Fixed Costs \u00f7 (Selling Price \u2013 Variable Cost per unit)<\/p>\\r\\n    <p><strong>Worked Example:<\/strong><\/p>\\r\\n    <ul>\\r\\n      <li>Fixed Costs = R20 000<\/li>\\r\\n      <li>Selling Price = R100 per unit<\/li>\\r\\n      <li>Variable Cost = R60 per unit<\/li>\\r\\n      <li>Break-even units = 20 000 \u00f7 (100 \u2013 60) = 500 units<\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>BUDGETING<\/h2>\\r\\n    <p><strong>What is a Budget?<\/strong> A plan showing expected income and expenses over a period.<\/p>\\r\\n    <p><strong>Types of Budgets:<\/strong><\/p>\\r\\n    <ul>\\r\\n      <li>Sales Budget \u2013 Forecast of expected sales<\/li>\\r\\n      <li>Production Budget \u2013 Based on sales and stock policy<\/li>\\r\\n      <li>Cash Budget \u2013 Estimates of future cash inflows and outflows<\/li>\\r\\n    <\/ul>\\r\\n    <p><strong>Purpose:<\/strong><\/p>\\r\\n    <ul>\\r\\n      <li>Prevent overspending<\/li>\\r\\n      <li>Ensure financial resources are well allocated<\/li>\\r\\n      <li>Prepare for cash shortages or surpluses<\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>VARIANCE ANALYSIS<\/h2>\\r\\n    <p><strong>Definition:<\/strong> Variance is the difference between budgeted and actual results.<\/p>\\r\\n    <table>\\r\\n      <thead>\\r\\n        <tr>\\r\\n          <th>Type of Variance<\/th>\\r\\n          <th>Meaning<\/th>\\r\\n        <\/tr>\\r\\n      <\/thead>\\r\\n      <tbody>\\r\\n        <tr>\\r\\n          <td>Favourable (F)<\/td>\\r\\n          <td>Actual better than budget<\/td>\\r\\n        <\/tr>\\r\\n        <tr>\\r\\n          <td>Unfavourable (U)<\/td>\\r\\n          <td>Actual worse than budget<\/td>\\r\\n        <\/tr>\\r\\n      <\/tbody>\\r\\n    <\/table>\\r\\n\\r\\n    <h3>Example:<\/h3>\\r\\n    <table>\\r\\n      <thead>\\r\\n        <tr>\\r\\n          <th>Item<\/th>\\r\\n          <th>Budgeted<\/th>\\r\\n          <th>Actual<\/th>\\r\\n          <th>Variance<\/th>\\r\\n          <th>Result<\/th>\\r\\n        <\/tr>\\r\\n      <\/thead>\\r\\n      <tbody>\\r\\n        <tr>\\r\\n          <td>Sales<\/td>\\r\\n          <td>R50 000<\/td>\\r\\n          <td>R52 000<\/td>\\r\\n          <td>+R2 000<\/td>\\r\\n          <td>Favourable<\/td>\\r\\n        <\/tr>\\r\\n        <tr>\\r\\n          <td>Expenses<\/td>\\r\\n          <td>R20 000<\/td>\\r\\n          <td>R22 500<\/td>\\r\\n          <td>-R2 500<\/td>\\r\\n          <td>Unfavourable<\/td>\\r\\n        <\/tr>\\r\\n      <\/tbody>\\r\\n    <\/table>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>COST-VOLUME-PROFIT (CVP) ANALYSIS<\/h2>\\r\\n    <p>CVP analysis explores how changes in costs and volume affect profit.<\/p>\\r\\n    <ul>\\r\\n      <li>Contribution Margin: Selling Price \u2013 Variable Cost per unit<\/li>\\r\\n      <li>Margin of Safety: Actual Sales \u2013 Break-even Sales<\/li>\\r\\n      <li>Profit Calculation: (Units Sold \u00d7 Contribution Margin) \u2013 Fixed Costs<\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>SECTION 6: DECISION-MAKING TOOLS<\/h2>\\r\\n    <ul>\\r\\n      <li><strong>Special Order Decisions:<\/strong>\\r\\n        <ul>\\r\\n          <li>Accept or reject large one-time orders (often at lower price)<\/li>\\r\\n          <li>Consider only relevant costs (ignore sunk costs)<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n      <li><strong>Make or Buy:<\/strong>\\r\\n        <ul>\\r\\n          <li>Compare cost of producing in-house vs purchasing externally<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n      <li><strong>Limiting Factor Decisions:<\/strong>\\r\\n        <ul>\\r\\n          <li>When resources (e.g. machine hours) are limited, prioritise products with highest contribution per unit of limiting factor<\/li>\\r\\n        <\/ul>\\r\\n      <\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n    <h2>ETHICS IN MANAGEMENT ACCOUNTING<\/h2>\\r\\n    <ul>\\r\\n      <li>Avoid inflating budgets to allow for wastage<\/li>\\r\\n      <li>Avoid manipulating figures for bonuses<\/li>\\r\\n      <li>Accountants must provide truthful and fair information to management<\/li>\\r\\n    <\/ul>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"section\\\">\\r\\n &#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n  <meta charset=\\\"UTF-8\\\">\\r\\n  <style>\\r\\n    body { font-family: Arial, sans-serif; margin: 20px; line-height: 1.6; }\\r\\n    h2 { color: #2c3e50; }\\r\\n    table { width: 100%; border-collapse: collapse; margin-top: 10px; }\\r\\n    th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }\\r\\n    th { background-color: #f4f4f4; }\\r\\n    ul { margin-left: 20px; }\\r\\n    li { margin-bottom: 5px; }\\r\\n  <\/style>\\r\\n<\/head>\\r\\n<body>\\r\\n\\r\\n  <h2>SUMMARY TABLE<\/h2>\\r\\n  <table>\\r\\n    <thead>\\r\\n      <tr>\\r\\n        <th>Topic<\/th>\\r\\n        <th>Key Concept<\/th>\\r\\n        <th>Formula<\/th>\\r\\n      <\/tr>\\r\\n    <\/thead>\\r\\n    <tbody>\\r\\n      <tr>\\r\\n        <td>Break-even<\/td>\\r\\n        <td>No profit\/loss point<\/td>\\r\\n        <td>Fixed Costs \u00f7 (SP \u2013 VC)<\/td>\\r\\n      <\/tr>\\r\\n      <tr>\\r\\n        <td>CVP<\/td>\\r\\n        <td>Link between cost-volume-profit<\/td>\\r\\n        <td>Profit = CM \u00d7 Units \u2013 FC<\/td>\\r\\n      <\/tr>\\r\\n      <tr>\\r\\n        <td>Variance<\/td>\\r\\n        <td>Budget vs Actual<\/td>\\r\\n        <td>Actual \u2013 Budget<\/td>\\r\\n      <\/tr>\\r\\n      <tr>\\r\\n        <td>Budget<\/td>\\r\\n        <td>Future financial plan<\/td>\\r\\n        <td>N\/A<\/td>\\r\\n      <\/tr>\\r\\n    <\/tbody>\\r\\n  <\/table>\\r\\n\\r\\n  <h2>EXAM TIPS<\/h2>\\r\\n  <ul>\\r\\n    <li>Always show calculations clearly<\/li>\\r\\n    <li>Use correct formula with labels<\/li>\\r\\n    <li>Interpret your results \u2014 don\u2019t just calculate<\/li>\\r\\n    <li>Know when a variance is favourable or unfavourable<\/li>\\r\\n    <li>Ethics questions often ask for opinion and reasoning \u2014 practise giving short written responses<\/li>\\r\\n  <\/ul>\\r\\n\\r\\n<\/body>\\r\\n<\/html>&#8220;}\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Wise Excellence &#8211; Management Accounting Quiz<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&display=swap');\n        \n        :root {\n            --bg-dark: #1F2937; \/* Slate 800 *\/\n            --bg-medium: #374151; \/* Slate 700 *\/\n            --bg-light: #4B5563; \/* Slate 600 *\/\n            --text-primary: #F3F4F6; \/* Gray 100 *\/\n            --text-secondary: #9CA3AF; \/* Gray 400 *\/\n            --accent-primary: #F59E0B; \/* Amber 500 *\/\n            --accent-secondary: #10B981; \/* Green 500 *\/\n            --accent-error: #EF4444; \/* Red 500 *\/\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--bg-dark);\n            background-image: \n                linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n            background-size: 20px 20px;\n        }\n\n        .card {\n            background-color: var(--bg-medium);\n            border: 1px solid var(--bg-light);\n            border-radius: 1rem;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease-in-out;\n        }\n\n        .btn-primary {\n            background-color: var(--accent-primary);\n            color: var(--bg-dark);\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 7px 10px rgba(0,0,0,0.15);\n        }\n        .btn-secondary {\n            background-color: transparent;\n            border: 2px solid var(--bg-light);\n            color: var(--text-secondary);\n            transition: all 0.3s ease;\n        }\n        .btn-secondary:hover {\n            background-color: var(--bg-light);\n            color: var(--text-primary);\n            border-color: var(--bg-light);\n        }\n\n        .option-btn {\n            background-color: var(--bg-light);\n            border: 2px solid transparent;\n            color: var(--text-primary);\n            transition: all 0.2s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        .option-btn:not(:disabled):hover {\n            border-color: var(--accent-primary);\n            transform: translateY(-1px);\n        }\n        .option-btn.correct {\n            border-color: var(--accent-secondary);\n        }\n        .option-btn.incorrect {\n            border-color: var(--accent-error);\n        }\n        \n        .progress-bar-container {\n            background-color: var(--bg-light);\n            border-radius: 9999px;\n            height: 0.75rem;\n            width: 100%;\n        }\n        .progress-bar {\n            background-color: var(--accent-primary);\n            border-radius: 9999px;\n            height: 100%;\n            transition: width 0.5s ease-in-out;\n        }\n        .rationale {\n            font-size: 0.875rem;\n            margin-top: 0.75rem;\n            padding-top: 0.75rem;\n            border-top: 1px solid var(--bg-light);\n            color: #d1d5db;\n        }\n        .rationale.correct-text { color: #86efac; }\n        .rationale.incorrect-text { color: #fca5a5; }\n\n        .fade-in {\n            animation: fadeIn 0.5s ease-in-out forwards;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n<\/head>\n<body class=\"text-white flex items-center justify-center min-h-screen p-4\">\n\n    <div id=\"app-container\" class=\"w-full max-w-2xl mx-auto\">\n\n        <!-- Intro Page -->\n        <div id=\"intro-page\" class=\"card text-center p-8 fade-in\">\n            <h1 class=\"text-4xl font-bold text-white mb-2\">Wise Excellence<\/h1>\n            <h2 class=\"text-2xl font-semibold text-amber-400 mb-6\">Management Accounting Quiz<\/h2>\n            <p class=\"text-lg text-gray-300 mb-8 max-w-md mx-auto\">\n                Test your knowledge with 5 questions. You&#8217;ll have 5 minutes once you begin.\n            <\/p>\n            <button id=\"start-btn\" class=\"btn-primary font-bold py-3 px-12 text-lg rounded-full\">\n                Begin Assessment\n            <\/button>\n        <\/div>\n\n        <!-- Quiz Page -->\n        <div id=\"quiz-page\" class=\"hidden card p-6 md:p-8\">\n            <div class=\"mb-4\">\n                <div class=\"flex justify-between items-center text-sm text-gray-400 mb-2\">\n                    <span id=\"progress-text\">Question 1 \/ 5<\/span>\n                    <span id=\"timer\" class=\"font-semibold text-amber-400\">05:00<\/span>\n                <\/div>\n                <div class=\"progress-bar-container\">\n                    <div id=\"progress-bar\" class=\"progress-bar\" style=\"width: 0%;\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <div id=\"question-container\" class=\"mt-6\">\n                <p id=\"question-text\" class=\"text-xl text-gray-100 mb-4 min-h-[5rem]\"><\/p>\n                \n                <div id=\"options-container\" class=\"grid grid-cols-1 gap-4 mb-6\">\n                    <!-- Options will be injected by JS -->\n                <\/div>\n\n                <div class=\"flex justify-between items-center\">\n                     <button id=\"hint-btn\" class=\"text-sm text-gray-400 hover:text-amber-400 transition-colors flex items-center gap-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z\" clip-rule=\"evenodd\" \/><\/svg>\n                        Hint\n                    <\/button>\n                    <div>\n                        <button id=\"skip-btn\" class=\"text-sm text-gray-500 hover:text-white underline mr-4\">Skip<\/button>\n                        <button id=\"next-btn\" class=\"hidden btn-primary font-bold py-2 px-6 rounded-full\">Next<\/button>\n                    <\/div>\n                <\/div>\n                 <div id=\"hint-text-container\" class=\"hidden bg-gray-700\/50 p-3 rounded-lg mt-4 text-gray-300 italic text-sm\">\n                    <!-- Hint goes here -->\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Results Page -->\n        <div id=\"results-page\" class=\"hidden card p-6 md:p-8 text-center fade-in\">\n             <h2 class=\"text-3xl font-bold mb-2\">Assessment Complete<\/h2>\n             <p class=\"text-2xl font-semibold mb-6\" id=\"rating-text\"><\/p>\n            \n            <div class=\"relative w-48 h-48 mx-auto mb-6 flex items-center justify-center\">\n                <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\">\n                    <circle class=\"text-gray-600\" stroke-width=\"8\" stroke=\"currentColor\" fill=\"transparent\" r=\"45\" cx=\"50\" cy=\"50\" \/>\n                    <circle id=\"score-ring\" class=\"text-amber-400\" stroke-width=\"8\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"transparent\" r=\"45\" cx=\"50\" cy=\"50\" style=\"transition: stroke-dashoffset 1s ease-out;\"\/>\n                <\/svg>\n                <span id=\"score-text\" class=\"absolute text-4xl font-bold text-white\"><\/span>\n            <\/div>\n            \n            <div id=\"summary-section\" class=\"text-left bg-gray-800\/50 p-6 rounded-lg mb-6\">\n                <h3 class=\"text-xl font-semibold text-amber-400 mb-4\">Focus Areas:<\/h3>\n                <div id=\"summary-list\" class=\"space-y-4\">\n                    <!-- Summary points will be injected by JS -->\n                <\/div>\n                 <p id=\"no-improvement-needed\" class=\"hidden text-green-400\">Excellent work! You have a strong grasp of all concepts.<\/p>\n            <\/div>\n             <p class=\"text-md text-gray-300 mb-6\">Book a tutoring session with Wise Excellence to ace your final exam!<\/p>\n             <div class=\"flex justify-center items-center gap-4\">\n                <button id=\"finish-btn\" class=\"btn-secondary font-bold py-3 px-10 text-lg rounded-full\">Finish<\/button>\n                <button id=\"retake-btn\" class=\"btn-primary font-bold py-3 px-10 text-lg rounded-full\">Retake Quiz<\/button>\n             <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const tickIconSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-green-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg>`;\n        const crossIconSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-red-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>`;\n\n        const quizData = [\n            {\n                question: \"A factory's monthly rent is R50,000, regardless of how many units it produces. How would this rent be classified?\",\n                hint: \"Does this cost change when production levels change?\",\n                concept: \"Fixed vs. Variable Costs\",\n                conceptExplanation: \"Understanding the difference between fixed and variable costs is crucial. Fixed costs remain constant in total, while variable costs change in direct proportion to the level of activity.\",\n                options: [\n                    { text: \"Variable Cost\", isCorrect: false, rationale: \"A variable cost, like raw materials, would increase as more units are produced.\" },\n                    { text: \"Direct Cost\", isCorrect: false, rationale: \"While rent is a cost of production, it's typically an indirect cost because it's difficult to trace a specific portion of the rent to a single unit.\" },\n                    { text: \"Fixed Cost\", isCorrect: true, rationale: \"The rent remains constant regardless of the production output, which is the definition of a fixed cost.\" },\n                    { text: \"Contribution Margin\", isCorrect: false, rationale: \"Contribution margin is the selling price minus variable cost per unit, not a type of cost itself.\" }\n                ]\n            },\n            {\n                question: \"A company has fixed costs of R30,000, a selling price of R150 per unit, and a variable cost of R90 per unit. What is the break-even point in units?\",\n                hint: \"Use the formula: Fixed Costs \u00f7 (Selling Price \u2013 Variable Cost per unit).\",\n                concept: \"Break-Even Analysis\",\n                conceptExplanation: \"Break-even analysis is a key tool to determine the sales level at which a business neither makes a profit nor a loss. The formula identifies how many units must be sold to cover all fixed costs.\",\n                options: [\n                    { text: \"200 units\", isCorrect: false, rationale: \"This result might occur if the denominator (contribution margin) is calculated incorrectly.\" },\n                    { text: \"500 units\", isCorrect: true, rationale: \"The contribution margin is R150 - R90 = R60. R30,000 divided by R60 equals 500 units.\" },\n                    { text: \"333 units\", isCorrect: false, rationale: \"This result might occur if the variable cost is incorrectly subtracted from fixed costs.\" },\n                    { text: \"125 units\", isCorrect: false, rationale: \"This result might be from an incorrect calculation, perhaps by dividing fixed costs by the selling price alone.\" }\n                ]\n            },\n            {\n                question: \"If a company's actual sales were R120,000 but the budgeted sales were R100,000, what type of variance has occurred?\",\n                hint: \"Compare the actual result to the planned (budgeted) result. Was the outcome better or worse than expected?\",\n                concept: \"Variance Analysis\",\n                conceptExplanation: \"Variance analysis is the process of comparing actual results against the budget. A favourable variance means the outcome was better than planned (e.g., higher sales or lower costs).\",\n                options: [\n                    { text: \"Unfavourable Variance\", isCorrect: false, rationale: \"An unfavourable variance occurs when actual results are worse than the budget, for example, if actual sales were lower than budgeted.\" },\n                    { text: \"Favourable Variance\", isCorrect: true, rationale: \"The actual sales of R120,000 are higher than the budgeted R100,000, which is a positive and therefore favourable result.\" },\n                    { text: \"Cost Variance\", isCorrect: false, rationale: \"This is a sales variance, not a cost variance. A cost variance would compare budgeted costs to actual costs.\" },\n                    { text: \"Zero Variance\", isCorrect: false, rationale: \"A zero variance would only occur if the actual sales were exactly R100,000.\" }\n                ]\n            },\n            {\n                question: \"What is the primary focus of Management Accounting?\",\n                hint: \"Think about who uses the information and for what purpose. Is it for outsiders or insiders?\",\n                concept: \"Definition of Management Accounting\",\n                conceptExplanation: \"Management accounting provides forward-looking information for internal managers to make decisions, plan for the future, and control operations, distinguishing it from financial accounting, which reports past performance to external stakeholders.\",\n                options: [\n                    { text: \"Reporting past results to shareholders and SARS.\", isCorrect: false, rationale: \"This is the primary focus of Financial Accounting, which is historical and for external users.\" },\n                    { text: \"Providing future-based information for internal decision-making.\", isCorrect: true, rationale: \"This is the core definition of Management Accounting, which helps managers plan and control the business.\" },\n                    { text: \"Calculating the final net profit for the annual report.\", isCorrect: false, rationale: \"While management accounting data contributes to this, the final calculation and reporting is a function of Financial Accounting.\" },\n                    { text: \"Ensuring the company complies with IFRS standards.\", isCorrect: false, rationale: \"Compliance with external standards like IFRS is a key role of Financial Accounting.\" }\n                ]\n            },\n            {\n                question: \"A manager is deciding whether to accept a special one-time order at a discounted price. Which cost should they IGNORE when making this decision?\",\n                hint: \"Some costs have already been incurred and cannot be changed. Are these relevant to a future decision?\",\n                concept: \"Decision-Making Tools (Special Orders)\",\n                conceptExplanation: \"In special order decisions, only relevant costs that will change as a result of the decision should be considered. Sunk costs are past costs that cannot be recovered and are therefore irrelevant to future choices.\",\n                options: [\n                    { text: \"The variable cost of materials for the order.\", isCorrect: false, rationale: \"The cost of materials is a future cost that will only be incurred if the order is accepted, so it is relevant.\" },\n                    { text: \"The cost of a machine purchased last year.\", isCorrect: true, rationale: \"The cost of a machine bought in the past is a 'sunk cost'. It will not change whether the order is accepted or rejected, so it is irrelevant.\" },\n                    { text: \"The delivery costs for the special order.\", isCorrect: false, rationale: \"Delivery costs are future costs that will only occur if the order is accepted, making them relevant.\" },\n                    { text: \"The wages for extra labour needed for the order.\", isCorrect: false, rationale: \"The wages for additional labour are a direct result of accepting the order and are therefore a relevant cost.\" }\n                ]\n            }\n        ];\n\n        \/\/ Page elements\n        const introPage = document.getElementById('intro-page');\n        const quizPage = document.getElementById('quiz-page');\n        const resultsPage = document.getElementById('results-page');\n        const startBtn = document.getElementById('start-btn');\n        \n        \/\/ Quiz elements\n        const timerEl = document.getElementById('timer');\n        const questionTextEl = document.getElementById('question-text');\n        const hintBtn = document.getElementById('hint-btn');\n        const hintTextContainer = document.getElementById('hint-text-container');\n        const optionsContainerEl = document.getElementById('options-container');\n        const progressTextEl = document.getElementById('progress-text');\n        const progressBar = document.getElementById('progress-bar');\n        const nextBtn = document.getElementById('next-btn');\n        const skipBtn = document.getElementById('skip-btn');\n        \n        \/\/ Results elements\n        const scoreRing = document.getElementById('score-ring');\n        const scoreTextEl = document.getElementById('score-text');\n        const ratingTextEl = document.getElementById('rating-text');\n        const summaryListEl = document.getElementById('summary-list');\n        const noImprovementEl = document.getElementById('no-improvement-needed');\n        const finishBtn = document.getElementById('finish-btn');\n        const retakeBtn = document.getElementById('retake-btn');\n\n        \/\/ State variables\n        let currentQuestionIndex = 0;\n        let score = 0;\n        let timerInterval;\n        let incorrectAnswers = [];\n        let finalPercentage = 0;\n\n        \/\/ Event Listeners\n        startBtn.addEventListener('click', startQuiz);\n        hintBtn.addEventListener('click', showHint);\n        nextBtn.addEventListener('click', nextQuestion);\n        skipBtn.addEventListener('click', skipQuestion);\n        retakeBtn.addEventListener('click', restartQuiz);\n        finishBtn.addEventListener('click', goToHome);\n\n        function showHint() {\n            hintTextContainer.classList.remove('hidden');\n            hintBtn.style.opacity = '0';\n        }\n\n        function nextQuestion() {\n            currentQuestionIndex++;\n            if (currentQuestionIndex < quizData.length) {\n                displayQuestion();\n            } else {\n                endQuiz();\n            }\n        }\n\n        function skipQuestion() {\n            incorrectAnswers.push(quizData[currentQuestionIndex]);\n            nextQuestion();\n        }\n\n        function restartQuiz() {\n            location.reload();\n        }\n\n        function goToHome() {\n            \/\/ Reset state\n            currentQuestionIndex = 0;\n            score = 0;\n            incorrectAnswers = [];\n            finalPercentage = 0;\n            summaryListEl.innerHTML = '';\n            noImprovementEl.classList.add('hidden');\n            \n            \/\/ Show intro page\n            resultsPage.classList.add('hidden');\n            introPage.classList.remove('hidden');\n            introPage.classList.add('fade-in');\n        }\n\n        function startQuiz() {\n            introPage.classList.add('hidden');\n            quizPage.classList.remove('hidden');\n            quizPage.classList.add('fade-in');\n            startTimer(300); \/\/ 5 minutes\n            displayQuestion();\n        }\n\n        function startTimer(duration) {\n            let time = duration;\n            timerInterval = setInterval(() => {\n                const minutes = Math.floor(time \/ 60);\n                let seconds = time % 60;\n                seconds = seconds < 10 ? '0' + seconds : seconds;\n                timerEl.textContent = `${minutes}:${seconds}`;\n                time--;\n                if (time < 0) {\n                    clearInterval(timerInterval);\n                    endQuiz();\n                }\n            }, 1000);\n        }\n\n        function displayQuestion() {\n            const questionData = quizData[currentQuestionIndex];\n            questionTextEl.textContent = questionData.question;\n            \n            hintTextContainer.textContent = questionData.hint;\n            hintTextContainer.classList.add('hidden');\n            hintBtn.style.opacity = '1';\n            nextBtn.classList.add('hidden');\n            skipBtn.classList.remove('hidden');\n\n            progressBar.style.width = `${(currentQuestionIndex \/ quizData.length) * 100}%`;\n            progressTextEl.textContent = `Question ${currentQuestionIndex + 1} \/ ${quizData.length}`;\n\n            optionsContainerEl.innerHTML = '';\n\n            questionData.options.forEach((option, index) => {\n                const button = document.createElement('button');\n                button.classList.add('option-btn', 'w-full', 'text-left', 'p-4', 'rounded-lg', 'font-medium', 'flex', 'justify-between', 'items-start');\n                button.dataset.index = index;\n                \n                const contentWrapper = document.createElement('div');\n                contentWrapper.classList.add('flex-grow', 'pr-4');\n\n                const optionText = document.createElement('span');\n                optionText.textContent = option.text;\n                \n                const rationaleDiv = document.createElement('div');\n                rationaleDiv.classList.add('rationale', 'hidden');\n                rationaleDiv.textContent = option.rationale;\n\n                contentWrapper.appendChild(optionText);\n                contentWrapper.appendChild(rationaleDiv);\n\n                const iconContainer = document.createElement('span');\n                iconContainer.classList.add('icon-container', 'hidden', 'flex-shrink-0', 'w-6', 'h-6', 'mt-1');\n\n                button.appendChild(contentWrapper);\n                button.appendChild(iconContainer);\n\n                button.addEventListener('click', selectAnswer);\n                optionsContainerEl.appendChild(button);\n            });\n        }\n\n        function selectAnswer(e) {\n            const selectedButton = e.currentTarget;\n            const selectedIndex = parseInt(selectedButton.dataset.index);\n            const questionData = quizData[currentQuestionIndex];\n\n            Array.from(optionsContainerEl.children).forEach((btn, index) => {\n                btn.disabled = true;\n                const optionData = questionData.options[index];\n                const rationaleDiv = btn.querySelector('.rationale');\n                rationaleDiv.classList.remove('hidden');\n                \n                if (optionData.isCorrect) {\n                    const iconContainer = btn.querySelector('.icon-container');\n                    btn.classList.add('correct');\n                    rationaleDiv.classList.add('correct-text');\n                    iconContainer.innerHTML = tickIconSVG;\n                    iconContainer.classList.remove('hidden');\n                }\n            });\n\n            if (questionData.options[selectedIndex].isCorrect) {\n                score++;\n            } else {\n                incorrectAnswers.push(questionData);\n                const iconContainer = selectedButton.querySelector('.icon-container');\n                const rationaleDiv = selectedButton.querySelector('.rationale');\n                selectedButton.classList.add('incorrect');\n                rationaleDiv.classList.add('incorrect-text');\n                iconContainer.innerHTML = crossIconSVG;\n                iconContainer.classList.remove('hidden');\n            }\n            \n            nextBtn.classList.remove('hidden');\n            skipBtn.classList.add('hidden');\n            hintBtn.style.opacity = '0';\n        }\n\n        function endQuiz() {\n            clearInterval(timerInterval);\n            quizPage.classList.add('hidden');\n            \n            finalPercentage = Math.round((score \/ quizData.length) * 100);\n            \n            resultsPage.classList.remove('hidden');\n            showResults(finalPercentage);\n        }\n        \n        function showResults(percentage) {\n            scoreTextEl.textContent = `${percentage}%`;\n\n            const radius = 45;\n            const circumference = 2 * Math.PI * radius;\n            const offset = circumference - (percentage \/ 100) * circumference;\n            scoreRing.style.strokeDasharray = `${circumference} ${circumference}`;\n            scoreRing.style.strokeDashoffset = offset;\n\n\n            if (percentage >= 80) {\n                ratingTextEl.textContent = \"Excellent!\";\n                ratingTextEl.className = 'text-2xl font-semibold mb-6 text-green-400';\n            } else if (percentage < 20) {\n                ratingTextEl.textContent = \"Needs Urgent Attention\";\n                ratingTextEl.className = 'text-2xl font-semibold mb-6 text-red-500';\n            } else {\n                ratingTextEl.textContent = \"Needs Improvement\";\n                ratingTextEl.className = 'text-2xl font-semibold mb-6 text-yellow-400';\n            }\n\n            summaryListEl.innerHTML = ''; \/\/ Clear previous summary\n            if (incorrectAnswers.length === 0 &#038;&#038; percentage > 0) { \n                noImprovementEl.classList.remove('hidden');\n            } else {\n                noImprovementEl.classList.add('hidden');\n                const conceptsToReview = incorrectAnswers.reduce((acc, item) => {\n                    if (!acc[item.concept]) {\n                        acc[item.concept] = item.conceptExplanation;\n                    }\n                    return acc;\n                }, {});\n\n                for (const concept in conceptsToReview) {\n                    const conceptDiv = document.createElement('div');\n                    conceptDiv.className = 'bg-gray-700\/50 p-4 rounded-lg';\n                    const title = document.createElement('h4');\n                    title.textContent = concept;\n                    title.classList.add('font-semibold', 'text-white', 'text-lg');\n                    \n                    const explanation = document.createElement('p');\n                    explanation.textContent = conceptsToReview[concept];\n                    explanation.classList.add('text-gray-300', 'mt-1', 'text-sm');\n\n                    conceptDiv.appendChild(title);\n                    conceptDiv.appendChild(explanation);\n                    summaryListEl.appendChild(conceptDiv);\n                }\n            }\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":525,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[18,23],"tags":[26],"class_list":["post-656","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grade-12","category-high-school","tag-topics"],"_links":{"self":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts\/656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/comments?post=656"}],"version-history":[{"count":10,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts\/656\/revisions"}],"predecessor-version":[{"id":1063,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/posts\/656\/revisions\/1063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/media\/525"}],"wp:attachment":[{"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/media?parent=656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/categories?post=656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wiseexcellence.co.za\/high-school\/wp-json\/wp\/v2\/tags?post=656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}