Launchpad 360 \u2013 Dashboard<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --cream: #FDF6EE;\n --cream-2: #FAF0E2;\n --cream-border: #EDD9C0;\n --card-warm: #FFF8F0;\n --card-mid: #F5E9D8;\n --espresso: #2C1A0E;\n --walnut: #5C3A1E;\n --mocha: #8A5C3C;\n --caramel: #C4855A;\n --accent: #E8521A;\n --accent-lt: #FF7B3A;\n --accent-pale: #FDEEE6;\n --green: #2E7D52;\n --green-lt: #D3F0E3;\n --red: #C0392B;\n --blue: #1B4F8A;\n --gold: #C98B2B;\n --gold-lt: #FFF3D0;\n --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\nbody {\n font-family: var(--font);\n background: var(--cream-2);\n min-height: 100vh;\n padding: 28px 16px;\n background-image:\n radial-gradient(ellipse 700px 500px at 8% 4%, rgba(232,82,26,0.06) 0%, transparent 68%),\n radial-gradient(ellipse 500px 400px at 92% 96%, rgba(196,133,90,0.07) 0%, transparent 65%);\n}\n\n.wrapper {\n max-width: 1380px;\n margin: 0 auto;\n background: var(--cream);\n border-radius: 28px;\n padding: 44px 52px 52px;\n box-shadow: 0 0 0 1.5px var(--cream-border), 0 20px 70px rgba(44,26,14,0.10);\n position: relative;\n overflow: hidden;\n}\n.wrapper::before {\n content: '';\n position: absolute; top: 0; right: 0;\n width: 300px; height: 300px;\n background-image: radial-gradient(circle, rgba(232,82,26,0.06) 1px, transparent 1px);\n background-size: 18px 18px;\n border-radius: 0 28px 0 0;\n pointer-events: none;\n}\n\n\/* HEADER *\/\n.dash-header {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 0;\n padding-bottom: 24px;\n border-bottom: 1.5px solid var(--cream-border);\n}\n.dash-logo { display: flex; align-items: center; gap: 14px; }\n.dash-logo-mark {\n width: 50px; height: 50px;\n background: linear-gradient(135deg, var(--accent), var(--accent-lt));\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 22px rgba(232,82,26,0.32);\n flex-shrink: 0;\n}\n.dash-logo-mark svg { width: 24px; height: 24px; fill: #fff; }\n.dash-title-wrap h1 {\n font-size: 24px; font-weight: 800;\n color: var(--espresso); letter-spacing: -0.3px; line-height: 1.1;\n}\n.dash-title-wrap h1 span { color: var(--accent); }\n.dash-title-wrap p { font-size: 13px; color: var(--mocha); margin-top: 3px; font-weight: 500; }\n.dash-date {\n font-size: 13px; font-weight: 600; color: var(--mocha);\n background: var(--card-mid); border: 1.5px solid var(--cream-border);\n border-radius: 10px; padding: 8px 16px;\n}\n\n\/* NAV *\/\n.nav-menu {\n display: flex; align-items: center; gap: 4px;\n background: var(--card-mid);\n border: 1.5px solid var(--cream-border);\n border-radius: 14px;\n padding: 6px;\n margin: 24px 0 36px;\n}\n.nav-item {\n display: flex; align-items: center; gap: 8px;\n padding: 9px 20px;\n border-radius: 10px;\n font-size: 13.5px; font-weight: 600;\n color: var(--mocha);\n cursor: pointer;\n transition: all 0.18s ease;\n border: none; background: none; font-family: var(--font);\n white-space: nowrap;\n}\n.nav-item svg { width: 16px; height: 16px; fill: currentColor; opacity: 0.7; }\n.nav-item:hover { background: var(--cream); color: var(--espresso); }\n.nav-item.active {\n background: var(--accent);\n color: #fff;\n box-shadow: 0 4px 14px rgba(232,82,26,0.30);\n}\n.nav-item.active svg { opacity: 1; }\n.nav-sep {\n width: 1.5px; height: 22px;\n background: var(--cream-border);\n border-radius: 2px; margin: 0 2px; flex-shrink: 0;\n}\n\n\/* TAB PANELS *\/\n.tab-panel { display: none; }\n.tab-panel.active { display: block; animation: fadeUp 0.4s ease both; }\n\n\/* SECTION HEADER *\/\n.section-header {\n display: flex; align-items: center; gap: 20px;\n margin-bottom: 10px; margin-top: 48px;\n}\n.sh-line { flex: 1; height: 1.5px; background: linear-gradient(90deg, var(--cream-border), transparent); }\n.section-header h2 {\n font-size: 60px; font-weight: 900;\n color: var(--espresso); letter-spacing: -2px; line-height: 1; white-space: nowrap;\n}\n.section-header h2 em { font-style: normal; color: var(--accent); }\n.section-header h2.sub-heading {\n font-size: 34px; font-weight: 800; letter-spacing: -1px;\n}\n\n\/* SCORE INFO TITLE *\/\n.score-info-title { display: flex; align-items: center; gap: 12px; margin-bottom: 0; }\n.si-badge {\n background: var(--accent); color: #fff;\n font-size: 11px; font-weight: 800; letter-spacing: 2px;\n text-transform: uppercase; padding: 5px 11px; border-radius: 6px;\n flex-shrink: 0; line-height: 1;\n}\n.si-heading { font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -1px; }\n.si-heading .t-dark { color: var(--espresso); }\n.si-heading .t-accent { color: var(--accent); }\n\n\/* SCORE MATRIX *\/\n.sm-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 24px; margin-bottom: 36px !important; }\n\n.card {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 34px 38px;\n box-shadow: 0 4px 20px rgba(44,26,14,0.05);\n position: relative; overflow: hidden;\n}\n.card::after {\n content: '';\n position: absolute; bottom: -36px; right: -36px;\n width: 130px; height: 130px; border-radius: 50%;\n background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.info-card-inner { display: flex; flex-direction: column; height: 100%; gap: 0; }\n.info-card-top {\n display: flex; align-items: center; gap: 16px;\n padding-bottom: 22px; margin-bottom: 22px;\n border-bottom: 1.5px solid var(--cream-border);\n}\n.info-hex {\n width: 52px; height: 52px; flex-shrink: 0;\n background: linear-gradient(135deg, var(--accent), var(--accent-lt));\n border-radius: 15px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 20px rgba(232,82,26,0.28);\n}\n.info-hex svg { width: 24px; height: 24px; fill: #fff; }\n.info-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; flex: 1; }\n.info-stat-item {\n background: var(--cream-2); border: 1.5px solid var(--cream-border);\n border-radius: 16px; padding: 20px 18px;\n display: flex; align-items: center; gap: 16px;\n transition: transform 0.18s, box-shadow 0.18s;\n}\n.info-stat-item:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(44,26,14,0.10); }\n.info-stat-icon {\n width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n}\n.info-stat-icon svg { width: 22px; height: 22px; fill: #fff; }\n.isi-blue { background: linear-gradient(135deg,#1B4F8A,#3B82F6); box-shadow: 0 6px 14px rgba(27,79,138,0.30); }\n.isi-green { background: linear-gradient(135deg,#2E7D52,#22C55E); box-shadow: 0 6px 14px rgba(46,125,82,0.30); }\n.isi-red { background: linear-gradient(135deg,#C0392B,#EF4444); box-shadow: 0 6px 14px rgba(192,57,43,0.30); }\n.isi-gold { background: linear-gradient(135deg,#C98B2B,#F59E0B); box-shadow: 0 6px 14px rgba(201,139,43,0.30); }\n.info-stat-body { display: flex; flex-direction: column; min-width: 0; }\n.info-stat-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: var(--mocha); }\n.info-stat-num { font-size: 42px; font-weight: 900; line-height: 1.05; margin: 3px 0 2px; }\n.isn-blue { color: #1B4F8A; }\n.isn-green { color: #2E7D52; }\n.isn-red { color: #C0392B; }\n.isn-gold { color: #C98B2B; }\n.info-stat-sub { font-size: 11.5px; color: var(--caramel); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n\/* Score card *\/\n.score-card {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n text-align: center;\n background: linear-gradient(145deg, #3D2318 0%, #5C3A1E 60%, #7A4C2A 100%);\n border: none; padding: 28px 30px;\n box-shadow: 0 16px 44px rgba(44,26,14,0.26), 0 4px 12px rgba(44,26,14,0.14);\n}\n.score-card::after { display: none; }\n.score-card::before {\n content: ''; position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);\n background-size: 16px 16px; border-radius: 20px;\n}\n.sc-eyebrow { font-size: 12px; font-weight: 900; letter-spacing: 2.5px; text-transform: uppercase; color: #ffffff; margin-bottom: 8px; position: relative; z-index: 1; }\n.sc-score { font-size: 72px; font-weight: 900; line-height: 1; color: #fff; position: relative; z-index: 1; text-shadow: 0 4px 16px rgba(0,0,0,0.3); }\n.sc-score sup { font-size: 26px; font-weight: 700; vertical-align: super; color: var(--accent-lt); }\n.sc-divider { width: 44px; height: 2px; background: var(--accent); border-radius: 2px; margin: 10px auto 8px; position: relative; z-index: 1; }\n.sc-sub { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.45); letter-spacing: 1.5px; text-transform: uppercase; position: relative; z-index: 1; }\n.sc-future-btn {\n display: inline-flex; align-items: center; gap: 8px; margin-top: 16px;\n padding: 10px 20px; border-radius: 12px;\n background: rgba(255,255,255,0.12); border: 1.5px solid rgba(255,255,255,0.22);\n color: #fff; font-size: 13px; font-weight: 700; text-decoration: none;\n letter-spacing: 0.3px; position: relative; z-index: 2; backdrop-filter: blur(6px);\n transition: background 0.22s, border-color 0.22s, transform 0.18s, box-shadow 0.22s; cursor: pointer;\n}\n.sc-future-btn svg { width: 16px; height: 16px; fill: var(--accent-lt); flex-shrink: 0; }\n.sc-future-btn:hover { background: var(--accent); border-color: var(--accent-lt); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,82,26,0.45); }\n\n\/* ACCURACY TRACKER *\/\n.at-row-1 { display: grid; grid-template-columns: 310px 1fr; gap: 22px; margin-bottom: 22px; }\n.at-row-2 { display: grid; grid-template-columns: 1fr 380px; gap: 22px; margin-bottom: 22px; }\n\n.card-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }\n.card-hd-icon {\n width: 42px; height: 42px; border-radius: 12px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.card-hd-icon svg { width: 19px; height: 19px; fill: #fff; }\n.chi-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 5px 12px rgba(232,82,26,0.28); }\n.chi-espresso { background: linear-gradient(135deg,var(--espresso),var(--walnut)); box-shadow: 0 5px 12px rgba(44,26,14,0.28); }\n.ch-title { font-size: 15px; font-weight: 700; color: var(--espresso); }\n.ch-sub { font-size: 12px; color: var(--caramel); margin-top: 2px; }\n\n\/* Donut *\/\n.donut-wrap { display: flex; flex-direction: column; align-items: center; }\n.donut-outer { position: relative; width: 182px; height: 182px; margin: 0 auto 22px; }\n.donut-svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.dr-bg { fill: none; stroke: var(--card-mid); stroke-width: 15; }\n.dr-fg { fill: none; stroke: url(#rg-warm); stroke-width: 15; stroke-dasharray: 535; stroke-dashoffset: 160.5; stroke-linecap: round; }\n.donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.donut-pct { font-size: 46px; font-weight: 900; color: var(--espresso); line-height: 1; }\n.donut-pct sup { font-size: 20px; color: var(--accent); }\n.donut-caption { font-size: 11px; color: var(--mocha); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 5px; }\n.tip-box {\n width: 100%; background: var(--gold-lt); border: 1.5px solid rgba(201,139,43,0.22);\n border-radius: 12px; padding: 13px 15px; display: flex; align-items: flex-start; gap: 11px;\n}\n.tip-ico { width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; background: linear-gradient(135deg,var(--gold),#F59E0B); display: flex; align-items: center; justify-content: center; }\n.tip-ico svg { width: 15px; height: 15px; fill: #fff; }\n.tip-box p { font-size: 13px; color: var(--espresso); font-weight: 600; line-height: 1.55; padding-top: 5px; }\n\n\/* Chart *\/\n.chart-card-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }\n.chart-area { position: relative; height: 255px; width: 100%; }\n.chart-note {\n margin-top: 18px; background: var(--accent-pale); border: 1.5px solid rgba(232,82,26,0.14);\n border-radius: 12px; padding: 13px 17px; font-size: 13.5px; color: var(--walnut); line-height: 1.55;\n}\n.chart-note strong { color: var(--accent); }\n\n\/* Score Analytics *\/\n.sa-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }\n.sa-card { background: var(--card-warm); border: 1.5px solid var(--cream-border); border-radius: 22px; overflow: hidden; box-shadow: 0 4px 22px rgba(44,26,14,0.07); display: flex; flex-direction: column; }\n.sa-top-strip { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px 16px; border-bottom: 1.5px solid var(--cream-border); background: var(--card-mid); }\n.sa-top-left { display: flex; align-items: center; gap: 12px; }\n.sa-strip-icon { width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(44,26,14,0.15); }\n.sa-strip-icon svg { width: 19px; height: 19px; fill: #fff; }\n.sa-missed .sa-strip-icon { background: linear-gradient(135deg, var(--accent), var(--accent-lt)); }\n.sa-luck .sa-strip-icon { background: linear-gradient(135deg, var(--green), #22C55E); }\n.sa-memory .sa-strip-icon { background: linear-gradient(135deg, var(--blue), #3B82F6); }\n.sa-strip-title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: var(--espresso); }\n.sa-strip-info { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family: var(--font); transition: all 0.18s; }\n.sa-strip-info:hover { background: var(--accent); color: #fff; border-color: var(--accent); }\n.sa-hero-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 22px 18px; border-bottom: 1.5px solid var(--cream-border); }\n.sa-desc-box { flex: 1; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 14px; padding: 14px 16px; }\n.sa-desc-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.8px; color: var(--mocha); margin-bottom: 6px; }\n.sa-desc-text { font-size: 13px; color: var(--walnut); line-height: 1.6; font-weight: 400; }\n.sa-circle-wrap { flex-shrink: 0; text-align: center; }\n.sa-circle { width: 92px; height: 92px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 3px solid var(--cream-border); background: var(--cream); box-shadow: 0 6px 18px rgba(44,26,14,0.10); position: relative; }\n.sa-missed .sa-circle { border-color: var(--accent); box-shadow: 0 0 0 5px rgba(232,82,26,0.08), 0 6px 18px rgba(232,82,26,0.18); }\n.sa-luck .sa-circle { border-color: var(--green); box-shadow: 0 0 0 5px rgba(46,125,82,0.08), 0 6px 18px rgba(46,125,82,0.18); }\n.sa-memory .sa-circle { border-color: var(--blue); box-shadow: 0 0 0 5px rgba(27,79,138,0.08), 0 6px 18px rgba(27,79,138,0.18); }\n.sa-circle-num { font-size: 40px; font-weight: 900; line-height: 1; }\n.sa-missed .sa-circle-num { color: var(--accent); }\n.sa-luck .sa-circle-num { color: var(--green); }\n.sa-memory .sa-circle-num { color: var(--blue); }\n.sa-circle-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-top: 2px; color: var(--mocha); }\n.sa-rows-list { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }\n.sa-row { display: flex; align-items: center; justify-content: space-between; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 13px; padding: 12px 15px; flex: 1; transition: box-shadow 0.18s, transform 0.18s; }\n.sa-row:hover { transform: translateX(3px); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.sa-row-left { display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0; }\n.sa-row-icon { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.sa-row-icon svg { width: 16px; height: 16px; fill: #fff; }\n.sa-missed .sa-row-icon { background: linear-gradient(135deg, var(--accent), var(--accent-lt)); box-shadow: 0 3px 8px rgba(232,82,26,0.25); }\n.sa-luck .sa-row-icon { background: linear-gradient(135deg, var(--green), #22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.25); }\n.sa-memory .sa-row-icon { background: linear-gradient(135deg, var(--blue), #3B82F6); box-shadow: 0 3px 8px rgba(27,79,138,0.25); }\n.sa-row-icon.ri-walnut { background: linear-gradient(135deg, var(--walnut), var(--caramel)); box-shadow: 0 3px 8px rgba(92,58,30,0.25); }\n.sa-row-icon.ri-gold { background: linear-gradient(135deg, var(--gold), #F59E0B); box-shadow: 0 3px 8px rgba(201,139,43,0.25); }\n.sa-row-icon.ri-mocha { background: linear-gradient(135deg, var(--mocha), var(--caramel)); box-shadow: 0 3px 8px rgba(138,92,60,0.25); }\n.sa-row-icon.ri-espresso { background: linear-gradient(135deg, var(--espresso), var(--walnut)); box-shadow: 0 3px 8px rgba(44,26,14,0.28); }\n.sa-row-icon.ri-accent2 { background: linear-gradient(135deg, #C0392B, var(--accent)); box-shadow: 0 3px 8px rgba(192,57,43,0.25); }\n.sa-row-text { min-width: 0; }\n.sa-row-title { font-size: 13.5px; font-weight: 700; color: var(--espresso); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.sa-row-sub { font-size: 11px; font-weight: 500; color: var(--mocha); margin-top: 2px; line-height: 1.3; }\n.sa-row-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: 10px; }\n.sa-row-num { font-size: 30px; font-weight: 900; line-height: 1; min-width: 32px; text-align: right; }\n.sa-missed .sa-row-num { color: var(--accent); }\n.sa-luck .sa-row-num { color: var(--green); }\n.sa-memory .sa-row-num { color: var(--blue); }\n.sa-row-info-btn { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family: var(--font); flex-shrink: 0; transition: all 0.16s; }\n.sa-row-info-btn:hover { background: var(--card-mid); border-color: var(--mocha); }\n\n\/* Score Prediction *\/\n.sp-toggle-row { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }\n.sp-toggle-label { font-size: 13px; font-weight: 600; color: var(--mocha); }\n.sp-toggle { display: flex; gap: 4px; background: var(--card-mid); border: 1.5px solid var(--cream-border); border-radius: 10px; padding: 4px; }\n.sp-toggle-btn { padding: 7px 16px; border-radius: 7px; font-size: 12.5px; font-weight: 700; border: none; cursor: pointer; font-family: var(--font); transition: all 0.18s; color: var(--mocha); background: transparent; }\n.sp-toggle-btn.active-state { background: linear-gradient(135deg, #1B4F8A, #6B35C4); color: #fff; box-shadow: 0 4px 12px rgba(107,53,196,0.30); }\n.sp-toggle-btn.no-state { background: linear-gradient(135deg, #C0392B, #E8521A); color: #fff; box-shadow: 0 4px 12px rgba(192,57,43,0.28); }\n.sp-grid { display: grid; grid-template-columns: 1fr 380px; gap: 22px; align-items: stretch; margin-bottom: 24px; }\n.sp-score-tile { border-radius: 22px; position: relative; overflow: hidden; min-height: 160px; display: flex; flex-direction: column; justify-content: center; padding: 36px 40px; }\n.sp-score-tile.has-pred { background: linear-gradient(135deg, #1B4F8A 0%, #6B35C4 45%, #E8521A 100%); box-shadow: 0 16px 44px rgba(107,53,196,0.30); animation: sp-tile-float 6s ease-in-out infinite; }\n@keyframes sp-tile-float { 0%,100% { box-shadow: 0 16px 44px rgba(107,53,196,0.30); } 50% { box-shadow: 0 22px 56px rgba(27,79,138,0.38); } }\n.sp-score-tile.has-pred::before { content: ''; position: absolute; inset: 0; border-radius: 22px; background: linear-gradient(270deg,rgba(232,82,26,0.55),rgba(107,53,196,0.55),rgba(27,79,138,0.55),rgba(107,53,196,0.55),rgba(232,82,26,0.55)); background-size: 400% 400%; animation: sp-color-flow 8s ease infinite; pointer-events: none; mix-blend-mode: overlay; }\n@keyframes sp-color-flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n.sp-score-tile.has-pred::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; border-radius: 22px; }\n.sp-sheen { position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.12) 50%, transparent 60%); animation: sp-sheen-pass 5s ease-in-out infinite; pointer-events: none; }\n@keyframes sp-sheen-pass { 0% { left: -80%; opacity: 0; } 10% { opacity: 1; } 50% { left: 120%; opacity: 0.8; } 51%,100% { opacity: 0; left: 120%; } }\n.sp-score-eyebrow { font-size: 13px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: #fff; margin-bottom: 10px; position: relative; z-index: 2; }\n.sp-score-num { font-size: 88px; font-weight: 900; line-height: 1; color: #fff; position: relative; z-index: 2; letter-spacing: -4px; text-shadow: 0 4px 24px rgba(0,0,0,0.22); }\n.sp-score-num span { font-size: 32px; font-weight: 600; letter-spacing: 0; color: rgba(255,255,255,0.70); vertical-align: baseline; margin-left: 4px; }\n.sp-score-sub { font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.55); margin-top: 8px; position: relative; z-index: 2; }\n.sp-star { position: absolute; z-index: 3; pointer-events: none; color: #fff; line-height: 1; }\n.sp-star svg { display: block; }\n.sp-star.s1 { top: 16px; right: 52px; animation: sp-twinkle 2.2s ease-in-out infinite 0.0s; }\n.sp-star.s2 { top: 44px; right: 22px; animation: sp-twinkle 2.2s ease-in-out infinite 0.55s; }\n.sp-star.s3 { bottom: 24px; right: 80px; animation: sp-twinkle 2.2s ease-in-out infinite 1.1s; }\n.sp-star.s4 { top: 28px; right: 130px; animation: sp-twinkle 2.2s ease-in-out infinite 0.35s; }\n.sp-star.s5 { bottom: 18px; right: 140px; animation: sp-twinkle 2.2s ease-in-out infinite 0.85s; }\n.sp-star.s6 { top: 56px; right: 64px; animation: sp-twinkle 1.8s ease-in-out infinite 1.4s; }\n@keyframes sp-twinkle { 0%,100% { opacity: 0.15; transform: scale(0.7) rotate(0deg); } 30% { opacity: 1; transform: scale(1.3) rotate(15deg); } 60% { opacity: 0.5; transform: scale(0.9) rotate(-8deg); } }\n.sp-score-tile.no-pred { background: linear-gradient(135deg, #e05252 0%, #f07070 45%, #ff9898 100%); box-shadow: 0 16px 44px rgba(192,57,43,0.30); }\n.sp-score-tile.no-pred::before { content: ''; position: absolute; inset: 0; border-radius: 22px; background: linear-gradient(270deg,rgba(255,140,140,0.5),rgba(220,80,80,0.6),rgba(220,80,80,0.6),rgba(255,140,140,0.5)); background-size: 400% 400%; animation: sp-color-flow 8s ease infinite; pointer-events: none; mix-blend-mode: overlay; }\n.sp-score-tile.no-pred::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; border-radius: 22px; }\n.sp-no-pred-content { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 2; text-align: center; gap: 14px; }\n.sp-no-pred-icon-wrap { width: 72px; height: 72px; border-radius: 50%; background: rgba(255,255,255,0.18); border: 2px solid rgba(255,255,255,0.30); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); animation: sp-icon-pulse 3s ease-in-out infinite; }\n@keyframes sp-icon-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }\n.sp-no-pred-icon-wrap svg { width: 34px; height: 34px; fill: #fff; }\n.sp-no-pred-label { font-size: 26px; font-weight: 900; color: #fff; letter-spacing: -0.5px; }\n.sp-no-pred-sub { font-size: 13px; color: rgba(255,255,255,0.72); font-weight: 500; }\n.sp-star-red { position: absolute; z-index: 3; pointer-events: none; color: #fff; line-height: 1; }\n.sp-star-red.sr1 { top: 18px; right: 44px; animation: sp-twinkle 2.4s ease-in-out infinite 0.0s; }\n.sp-star-red.sr2 { top: 50px; right: 18px; animation: sp-twinkle 2.4s ease-in-out infinite 0.7s; }\n.sp-star-red.sr3 { bottom: 22px; right: 70px; animation: sp-twinkle 2.0s ease-in-out infinite 1.2s; }\n.sp-star-red.sr4 { top: 22px; right: 120px; animation: sp-twinkle 1.8s ease-in-out infinite 0.4s; }\n.sp-star-red.sr5 { bottom: 16px; right: 130px; animation: sp-twinkle 2.2s ease-in-out infinite 0.9s; }\n.sp-info-card { background: var(--card-warm); border: 1.5px solid var(--cream-border); border-radius: 22px; padding: 32px 36px; box-shadow: 0 4px 20px rgba(44,26,14,0.05); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }\n.sp-info-card::after { content: ''; position: absolute; bottom: -30px; right: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%); pointer-events: none; }\n.sp-info-desc { font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 400; }\n.sp-blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.sp-block { border-radius: 20px; border: 1.5px solid var(--cream-border); overflow: hidden; box-shadow: 0 4px 18px rgba(44,26,14,0.06); background: var(--card-warm); display: flex; flex-direction: column; }\n.sp-block-head { display: flex; align-items: center; gap: 14px; padding: 18px 22px 16px; border-bottom: 1.5px solid var(--cream-border); position: relative; overflow: hidden; }\n.sp-inference .sp-block-head { background: linear-gradient(120deg, #ede8f8 0%, #ddd5f5 100%); }\n.sp-suggest .sp-block-head { background: linear-gradient(120deg, #e0f5ee 0%, #c8eede 100%); }\n.sp-block-head-icon { width: 44px; height: 44px; border-radius: 13px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 12px rgba(0,0,0,0.14); }\n.sp-block-head-icon svg { width: 22px; height: 22px; fill: #fff; }\n.sp-inference .sp-block-head-icon { background: linear-gradient(135deg, #6B35C4, #9B59B6); }\n.sp-suggest .sp-block-head-icon { background: linear-gradient(135deg, #2E7D52, #22C55E); }\n.sp-block-title { font-size: 16px; font-weight: 800; color: var(--espresso); letter-spacing: -0.2px; }\n.sp-block-wave { position: absolute; right: 0; top: 0; bottom: 0; width: 140px; pointer-events: none; overflow: hidden; }\n.sp-block-wave svg { width: 100%; height: 100%; }\n.sp-inputs { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 10px; flex: 1; }\n.sp-input-row { display: flex; align-items: center; gap: 12px; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 13px; padding: 11px 14px; cursor: pointer; transition: box-shadow 0.18s, border-color 0.18s; }\n.sp-input-row:hover { border-color: var(--caramel); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.sp-input-num { width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: #fff; }\n.sp-inference .sp-input-num { background: linear-gradient(135deg, #6B35C4, #9B59B6); box-shadow: 0 3px 8px rgba(107,53,196,0.30); }\n.sp-suggest .sp-input-num { background: linear-gradient(135deg, #2E7D52, #22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.28); }\n.sp-input-text { flex: 1; font-size: 13.5px; font-weight: 500; color: var(--mocha); }\n.sp-input-kbd { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; background: var(--card-mid); border: 1.5px solid var(--cream-border); display: flex; align-items: center; justify-content: center; transition: background 0.16s; }\n.sp-input-kbd svg { width: 16px; height: 16px; fill: var(--mocha); }\n.sp-state-has.hidden, .sp-state-no.hidden { display: none; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TIME MATRIX \u2014 ALL SECTIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Time Matrix section header override *\/\n.tm-page-header {\n margin-bottom: 32px;\n}\n.tm-page-header h2 {\n font-size: 32px; font-weight: 900; color: var(--espresso); letter-spacing: -0.5px;\n}\n.tm-page-header h2 span { color: var(--accent); }\n.tm-page-header p { font-size: 14px; color: var(--mocha); margin-top: 5px; font-weight: 400; }\n\n\/* Time Info Layout *\/\n.tm-top-layout {\n display: grid;\n grid-template-columns: 1.35fr 1fr;\n gap: 24px;\n margin-bottom: 36px;\n align-items: stretch;\n}\n.tm-tiles-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n align-content: start;\n}\n\n\/* Stat tiles row *\/\n.tm-stat-tile {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 18px;\n padding: 22px 22px 18px;\n box-shadow: 0 4px 16px rgba(44,26,14,0.05);\n display: flex; align-items: flex-start; gap: 14px;\n transition: transform 0.18s, box-shadow 0.18s;\n position: relative; overflow: hidden;\n}\n.tm-stat-tile:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(44,26,14,0.12); }\n.tm-stat-tile::after {\n content: ''; position: absolute; bottom: -22px; right: -22px;\n width: 80px; height: 80px; border-radius: 50%;\n background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%);\n pointer-events: none;\n}\n.tm-stat-icon { width: 46px; height: 46px; border-radius: 13px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.tm-stat-icon svg { width: 21px; height: 21px; fill: #fff; }\n.tsi-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 5px 14px rgba(232,82,26,0.32); }\n.tsi-walnut { background: linear-gradient(135deg,var(--walnut),var(--caramel)); box-shadow: 0 5px 14px rgba(92,58,30,0.28); }\n.tsi-green { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 5px 14px rgba(46,125,82,0.28); }\n.tsi-mocha { background: linear-gradient(135deg,var(--mocha),var(--caramel)); box-shadow: 0 5px 14px rgba(138,92,60,0.28); }\n.tsi-gold { background: linear-gradient(135deg,var(--gold),#F59E0B); box-shadow: 0 5px 14px rgba(201,139,43,0.28); }\n\n.tm-stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--mocha); }\n.tm-stat-num { font-size: 34px; font-weight: 900; line-height: 1.1; margin: 4px 0 3px; }\n.tsn-accent { color: var(--accent); }\n.tsn-walnut { color: var(--walnut); }\n.tsn-green { color: var(--green); }\n.tsn-mocha { color: var(--mocha); }\n.tsn-gold { color: var(--gold); }\n.tm-stat-unit { font-size: 13px; font-weight: 700; opacity: 0.7; }\n.tm-stat-sub { font-size: 11.5px; color: var(--caramel); font-weight: 500; line-height: 1.3; }\n.tm-stat-tag {\n display: inline-block; margin-top: 6px;\n background: var(--accent-pale); color: var(--accent);\n font-size: 10px; font-weight: 800; letter-spacing: 1px;\n padding: 3px 8px; border-radius: 5px;\n}\n\n\/* Total Time dark card *\/\n.tm-total-card {\n background: linear-gradient(145deg, #3D2318 0%, #5C3A1E 60%, #7A4C2A 100%);\n border-radius: 22px;\n padding: 36px 40px;\n box-shadow: 0 16px 44px rgba(44,26,14,0.26);\n position: relative; overflow: hidden;\n display: flex; flex-direction: column; justify-content: center;\n margin: 0;\n max-width: 420px;\n height: 100%;\n}\n.tm-total-card::before {\n content: ''; position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);\n background-size: 16px 16px; border-radius: 22px; pointer-events: none;\n}\n.tm-hourglass-float {\n position: absolute; right: 32px; top: 50%; transform: translateY(-50%);\n font-size: 80px; opacity: 0.18; pointer-events: none;\n animation: tm-hg-float 4s ease-in-out infinite;\n}\n@keyframes tm-hg-float { 0%,100% { transform: translateY(-50%) rotate(-6deg); } 50% { transform: translateY(calc(-50% - 8px)) rotate(6deg); } }\n.tm-total-label { font-size: 11px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 8px; position: relative; z-index: 1; }\n.tm-total-num { font-size: 72px; font-weight: 900; color: #fff; line-height: 1; position: relative; z-index: 1; letter-spacing: -3px; }\n.tm-total-unit { font-size: 28px; font-weight: 600; color: var(--accent-lt); letter-spacing: 0; margin-left: 6px; }\n.tm-total-divider { width: 44px; height: 2px; background: var(--accent); border-radius: 2px; margin: 12px 0; position: relative; z-index: 1; }\n.tm-remaining-row { display: flex; align-items: center; gap: 10px; position: relative; z-index: 1; }\n.tm-remaining-icon { width: 28px; height: 28px; border-radius: 8px; background: rgba(232,82,26,0.3); display: flex; align-items: center; justify-content: center; }\n.tm-remaining-icon svg { width: 14px; height: 14px; fill: var(--accent-lt); }\n.tm-remaining-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.45); }\n.tm-remaining-val { font-size: 20px; font-weight: 900; color: var(--accent-lt); margin-left: 4px; }\n\n\n\/* \u2500\u2500 TIME TRACKER (gauges) \u2500\u2500 *\/\n.tt-gauges-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 22px; }\n.tt-gauge-card {\n background: var(--card-warm); border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 24px 20px 20px;\n box-shadow: 0 4px 18px rgba(44,26,14,0.06);\n display: flex; flex-direction: column; align-items: center;\n position: relative; overflow: hidden;\n}\n.tt-gauge-label-top { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 18px; }\n.tt-gauge-label-top.lt-accent { color: var(--accent); }\n.tt-gauge-label-top.lt-green { color: var(--green); }\n.tt-gauge-label-top.lt-gold { color: var(--gold); }\n.tt-gauge-label-top.lt-blue { color: var(--blue); }\n.tt-gauge-label-sub-top { font-size: 10px; color: var(--mocha); font-weight: 500; margin-top: -14px; margin-bottom: 12px; text-align: center; line-height: 1.2;}\n\n\/* SVG Gauges *\/\n.tt-gauge-svg-wrap { position: relative; width: 100%; max-width: 180px; height: auto; aspect-ratio: 180\/100; margin-bottom: 6px; }\n.tt-gauge-svg { width: 100%; height: 100%; overflow: visible; }\n\n\/* Interactive Gauge Zones *\/\n.gauge-zone { cursor: pointer; }\n.gz-path { transition: stroke-width 0.2s, filter 0.2s; }\n.gauge-zone:hover .gz-path { stroke-width: 16 !important; filter: brightness(0.9); }\n.gauge-zone text { pointer-events: none; }\n\n.tt-needle-result { font-size: 18px; font-weight: 900; letter-spacing: -0.3px; text-transform: uppercase; margin-top: 8px; }\n.tt-needle-result.nr-accent { color: var(--accent); }\n.tt-needle-result.nr-green { color: var(--green); }\n.tt-needle-result.nr-gold { color: var(--gold); }\n.tt-needle-result.nr-blue { color: var(--blue); }\n.tt-needle-label { font-size: 11px; color: var(--mocha); font-weight: 500; margin-top: 3px; text-align: center;}\n\n\/* Dynamic Info display inside Gauge Card *\/\n.tt-dynamic-info {\n margin-top: 14px;\n font-size: 11px; color: var(--caramel); font-weight: 600; text-align: center;\n min-height: 28px; background: var(--cream-2); border-radius: 8px;\n padding: 6px 10px; display: flex; align-items: center; justify-content: center;\n width: 100%; border: 1.5px dashed var(--cream-border); transition: all 0.2s;\n}\n\n\/* Info Button *\/\n.tt-info-bottom { margin-top: 12px; border: 1.5px solid var(--cream-border) !important; background: var(--cream) !important; color: var(--mocha) !important; }\n.tt-info-bottom:hover { background: var(--card-mid) !important; border-color: var(--mocha) !important; }\n\n\/* Inferences *\/\n.tt-inference-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 36px; }\n.tt-inf-card {\n background: var(--card-warm); border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 26px 28px;\n box-shadow: 0 4px 18px rgba(44,26,14,0.06);\n display: flex; gap: 22px; align-items: flex-start;\n}\n.tt-inf-left { flex: 1; }\n.tt-inf-badge-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }\n.tt-inf-badge {\n width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n}\n.tt-inf-badge svg { width: 18px; height: 18px; fill: #fff; }\n.tt-inf-badge.ib-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 4px 10px rgba(232,82,26,0.28); }\n.tt-inf-badge.ib-green { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 4px 10px rgba(46,125,82,0.28); }\n.tt-inf-num { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: var(--espresso); }\n.tt-inf-text { font-size: 14px; color: var(--walnut); line-height: 1.65; font-weight: 400; }\n.tt-inf-text strong { color: var(--accent); font-weight: 800; }\n.tt-inf-text.green-accent strong { color: var(--green); }\n.tt-inf-sub { font-size: 12px; color: var(--mocha); margin-top: 8px; line-height: 1.5; }\n\n\/* Mini bar chart inside inference card *\/\n.tt-bar-chart { flex-shrink: 0; display: flex; align-items: flex-end; gap: 5px; height: 72px; }\n.tt-bar-col { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.tt-bar { width: 22px; border-radius: 4px 4px 0 0; transition: height 0.3s; }\n.tt-bar.active-accent { background: linear-gradient(180deg, var(--accent-lt), var(--accent)); }\n.tt-bar.active-green { background: linear-gradient(180deg, #22C55E, var(--green)); }\n.tt-bar.inactive { background: var(--card-mid); }\n.tt-bar-x { font-size: 9px; font-weight: 600; color: var(--mocha); text-align: center; white-space: nowrap; }\n\n\/* \u2500\u2500 TIME ANALYTICS \u2500\u2500 *\/\n.ta-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n.ta-card {\n background: var(--card-warm); border: 1.5px solid var(--cream-border);\n border-radius: 22px; overflow: hidden;\n box-shadow: 0 4px 22px rgba(44,26,14,0.07);\n display: flex; flex-direction: column;\n}\n.ta-top-strip {\n display: flex; align-items: center; justify-content: space-between;\n padding: 20px 22px 16px; border-bottom: 1.5px solid var(--cream-border);\n background: var(--card-mid);\n}\n.ta-top-left { display: flex; align-items: center; gap: 12px; }\n.ta-strip-icon { width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(44,26,14,0.15); }\n.ta-strip-icon svg { width: 19px; height: 19px; fill: #fff; }\n.ta-lag .ta-strip-icon { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 4px 10px rgba(232,82,26,0.28); }\n.ta-waste .ta-strip-icon { background: linear-gradient(135deg,var(--walnut),var(--caramel)); box-shadow: 0 4px 10px rgba(92,58,30,0.25); }\n.ta-gain .ta-strip-icon { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 4px 10px rgba(46,125,82,0.28); }\n.ta-strip-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: var(--espresso); }\n.ta-info-btn { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.18s; }\n.ta-info-btn:hover { background: var(--accent); color: #fff; border-color: var(--accent); }\n\n.ta-hero { display: flex; align-items: center; justify-content: space-between; padding: 22px 22px 18px; border-bottom: 1.5px solid var(--cream-border); gap: 16px; }\n.ta-desc-box { flex: 1; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 14px; padding: 14px 16px; }\n.ta-desc-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.8px; color: var(--mocha); margin-bottom: 6px; }\n.ta-desc-text { font-size: 12.5px; color: var(--walnut); line-height: 1.6; font-weight: 400; }\n.ta-donut-wrap { flex-shrink: 0; }\n.ta-donut-outer { position: relative; width: 90px; height: 90px; }\n.ta-donut-svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.ta-dr-bg { fill: none; stroke: var(--card-mid); stroke-width: 10; }\n.ta-dr-fg { fill: none; stroke-width: 10; stroke-dasharray: 245; stroke-linecap: round; }\n.ta-lag .ta-dr-fg { stroke: url(#rg-ta-accent); stroke-dashoffset: 122; }\n.ta-waste .ta-dr-fg { stroke: url(#rg-ta-walnut); stroke-dashoffset: 147; }\n.ta-gain .ta-dr-fg { stroke: url(#rg-ta-green); stroke-dashoffset: 98; }\n.ta-donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.ta-donut-num { font-size: 26px; font-weight: 900; line-height: 1; }\n.ta-lag .ta-donut-num { color: var(--accent); }\n.ta-waste .ta-donut-num { color: var(--walnut); }\n.ta-gain .ta-donut-num { color: var(--green); }\n.ta-donut-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--mocha); margin-top: 2px; }\n\n.ta-focus-section { padding: 16px 18px 18px; flex: 1; }\n.ta-focus-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--mocha); margin-bottom: 10px; }\n.ta-row {\n display: flex; align-items: center; justify-content: space-between;\n background: var(--cream-2); border: 1.5px solid var(--cream-border);\n border-radius: 13px; padding: 11px 14px; margin-bottom: 8px;\n transition: transform 0.18s, box-shadow 0.18s;\n}\n.ta-row:last-child { margin-bottom: 0; }\n.ta-row:hover { transform: translateX(3px); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.ta-row-left { display: flex; align-items: center; gap: 10px; flex: 1; }\n.ta-row-icon { width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.ta-row-icon svg { width: 15px; height: 15px; fill: #fff; }\n.ta-lag .ta-row-icon { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 3px 8px rgba(232,82,26,0.22); }\n.ta-waste .ta-row-icon { background: linear-gradient(135deg,var(--walnut),var(--caramel)); box-shadow: 0 3px 8px rgba(92,58,30,0.22); }\n.ta-gain .ta-row-icon { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.22); }\n.ta-row-text { min-width: 0; }\n.ta-row-title { font-size: 12.5px; font-weight: 700; color: var(--espresso); }\n.ta-row-qs { font-size: 11px; color: var(--mocha); margin-top: 1px; }\n.ta-row-right { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }\n.ta-row-info-btn { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.16s; }\n.ta-row-info-btn:hover { background: var(--card-mid); }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1100px) {\n .sp-grid { grid-template-columns: 1fr; }\n .sp-blocks { grid-template-columns: 1fr; }\n .at-row-1 { grid-template-columns: 1fr; }\n .at-row-2 { grid-template-columns: 1fr; }\n .tm-top-layout { grid-template-columns: 1fr; }\n .tt-gauges-row { grid-template-columns: repeat(2, 1fr); }\n .tt-inference-row { grid-template-columns: 1fr; }\n .ta-cols { grid-template-columns: 1fr; }\n}\n@media (max-width: 760px) {\n .wrapper { padding: 22px 18px 36px; border-radius: 18px; }\n .sa-cols { grid-template-columns: 1fr; }\n .sm-grid { grid-template-columns: 1fr; }\n .tm-tiles-grid { grid-template-columns: 1fr; }\n .tt-gauges-row { grid-template-columns: 1fr; }\n .dash-header { flex-direction: column; gap: 14px; align-items: flex-start; }\n .nav-menu { overflow-x: auto; }\n}\n\n@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n.dash-header { animation: fadeUp 0.4s ease both 0.05s; }\n.nav-menu { animation: fadeUp 0.4s ease both 0.12s; }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrapper\">\n\n <header class=\"dash-header\">\n <div class=\"dash-logo\">\n <div class=\"dash-logo-mark\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13.5 2c-5.621 0-10.211 4.443-10.475 10h-3.025l5 6.625 5-6.625h-2.975c.257-3.351 3.06-6 6.475-6 3.584 0 6.5 2.916 6.5 6.5s-2.916 6.5-6.5 6.5c-1.863 0-3.542-.793-4.728-2.053l-2.427 3.216c1.877 1.754 4.389 2.837 7.155 2.837 5.79 0 10.5-4.71 10.5-10.5s-4.71-10.5-10.5-10.5z\"><\/path><\/svg>\n <\/div>\n <div class=\"dash-title-wrap\">\n <h1>Launchpad <span>360<\/span><\/h1>\n <p>Performance Intelligence Dashboard<\/p>\n <\/div>\n <\/div>\n <div class=\"dash-date\">\ud83d\udcc5 Last Updated: Jun 2, 2025<\/div>\n <\/header>\n\n <nav class=\"nav-menu\">\n <button class=\"nav-item active\" data-tab=\"score-matrix\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"><\/path><\/svg>\n Score Matrix\n <\/button>\n <div class=\"nav-sep\"><\/div>\n <button class=\"nav-item\" data-tab=\"time-matrix\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n Time Matrix\n <\/button>\n <\/nav>\n\n <div class=\"tab-panel active\" id=\"tab-score-matrix\">\n\n <div class=\"section-header\">\n <h2>Score <em>Matrix<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"sm-grid\">\n <div class=\"card\">\n <div class=\"info-card-inner\">\n <div class=\"info-card-top\">\n <div class=\"info-hex\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14H7v-2h3v2zm0-4H7v-2h3v2zm4 4h-3v-2h3v2zm0-4h-3v-2h3v2z\"><\/path><\/svg>\n <\/div>\n <div class=\"score-info-title\">\n <span class=\"si-badge\">01<\/span>\n <div class=\"si-heading\"><span class=\"t-dark\">Score <\/span><span class=\"t-accent\">Info<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-grid\">\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-blue\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 14H7v-2h10v2zm0-4H7v-2h10v2zm-3-4H7V7h7v2z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Attempted<\/div>\n <div class=\"info-stat-num isn-blue\">48<\/div>\n <div class=\"info-stat-sub\">Questions Total<\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-green\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Correct<\/div>\n <div class=\"info-stat-num isn-green\">42<\/div>\n <div class=\"info-stat-sub\">Answered Right<\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-red\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Wrong<\/div>\n <div class=\"info-stat-num isn-red\">06<\/div>\n <div class=\"info-stat-sub\">Need Review<\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Skipped<\/div>\n <div class=\"info-stat-num isn-gold\">02<\/div>\n <div class=\"info-stat-sub\">Left Unanswered<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card score-card\">\n <div class=\"sc-eyebrow\">TOTAL SCORE<\/div>\n <div class=\"sc-score\">85<sup>\/100<\/sup><\/div>\n <div class=\"sc-divider\"><\/div>\n <div class=\"sc-sub\">Outstanding Performance<\/div>\n <a href=\"#\" class=\"sc-future-btn sc-future-btn-nav\" data-target-tab=\"score-matrix\" data-target-section=\"score-prediction\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n Know Your Future Score\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Accuracy <em>Tracker<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <div class=\"at-row-1\">\n <div class=\"card\">\n <div class=\"card-hd\" style=\"margin-bottom:26px;\">\n <div class=\"card-hd-icon chi-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\n <\/div>\n <div><div class=\"ch-title\">Test Accuracy<\/div><\/div>\n <\/div>\n <div class=\"donut-wrap\">\n <div class=\"donut-outer\">\n <svg class=\"donut-svg\" viewBox=\"0 0 182 182\">\n <defs>\n <linearGradient id=\"rg-warm\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#E8521A\"><\/stop><stop offset=\"100%\" stop-color=\"#FF7B3A\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle class=\"dr-bg\" cx=\"91\" cy=\"91\" r=\"85\"><\/circle>\n <circle class=\"dr-fg\" cx=\"91\" cy=\"91\" r=\"85\"><\/circle>\n <\/svg>\n <div class=\"donut-center\">\n <div class=\"donut-pct\">70<sup>%<\/sup><\/div>\n <div class=\"donut-caption\">Accuracy<\/div>\n <\/div>\n <\/div>\n <div class=\"tip-box\">\n <div class=\"tip-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <p>Keep it up! You’re on the right track to hit 80% by month end.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"chart-card-head\">\n <div class=\"card-hd\" style=\"margin-bottom:0\">\n <div class=\"card-hd-icon chi-espresso\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"ch-title\">Accuracy Map<\/div>\n <div class=\"ch-sub\">Your time-on-task trend over 6 sessions<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-area\"><canvas id=\"accChart\"><\/canvas><\/div>\n <div class=\"chart-note\">Your <strong>focused study time<\/strong> improved consistently across the last <strong>6 sessions<\/strong>, reaching <strong>54 min<\/strong> in the most recent session. Keep the momentum going!<\/div>\n <\/div>\n <\/div>\n <div class=\"at-row-2\">\n <div class=\"sp-info-card\">\n <p class=\"sp-info-desc\">This section provides a strategic review of your test performance. By analysing your current trends, test consistency, and topic-level accuracy, our AI identifies key areas for improvement and formulates a plan to help you achieve your targets.<\/p>\n <\/div>\n <div class=\"sp-score-tile has-pred\">\n <div class=\"sp-sheen\"><\/div>\n <span class=\"sp-star s1\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s3\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s4\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s5\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s6\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <div class=\"sp-score-eyebrow\">PREDICTED ACCURACY<\/div>\n <div class=\"sp-score-num\">73<span>%<\/span><\/div>\n <div class=\"sp-score-sub\">Based on current performance trend<\/div>\n <\/div>\n <\/div>\n <div class=\"sp-blocks\" style=\"margin-bottom: 32px;\">\n <div class=\"sp-block sp-inference\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Inference<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(107,53,196,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(107,53,196,0.10)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\" style=\"padding: 24px; display: block; height: 100%;\"><p style=\"font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 500; margin: 0;\">Based on your recent performance trend, consistency, and test attempts, your accuracy is predicted to improve steadily. You show <strong style=\"color: var(--accent);\">strong foundational knowledge<\/strong> in core areas with clear upward momentum.<\/p><\/div>\n <\/div>\n <div class=\"sp-block sp-suggest\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Action Plan<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(46,125,82,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(46,125,82,0.10)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\" style=\"padding: 24px; display: block; height: 100%;\"><p style=\"font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 500; margin: 0;\">Focus on weak topics, solve more PYQs, and <strong style=\"color: var(--accent);\">analyze mistakes deeply<\/strong> rather than just memorizing answers. Maintain regular practice to achieve higher accuracy targets consistently.<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Score <em>Analytics<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <div class=\"sa-cols\">\n <div class=\"sa-card sa-missed\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"><\/path><\/svg><\/div>\n <span class=\"sa-strip-title\">Missed Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions you answered incorrectly. Reviewing these helps identify weak areas and patterns in your mistakes.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">20<\/div><div class=\"sa-circle-label\">Missed<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-.5-13H13v6l5.25 3.15-.75 1.23L11.5 14V7z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Fatigue Miss<\/div><div class=\"sa-row-sub\">Q1, Q4, Q7<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">3<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-walnut\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Error Decision Miss<\/div><div class=\"sa-row-sub\">Q2, Q8, Q11, Q13, Q17, Q18<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">6<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-espresso\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Panic Miss<\/div><div class=\"sa-row-sub\">Q3, Q9, Q10, Q14, Q19, Q20, Q22<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">7<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-mocha\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Basic Concept Miss<\/div><div class=\"sa-row-sub\">Q5, Q12, Q15<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">3<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-accent2\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18V17h2v-4.82L9 13.36V17h6v-3.64l2-1.18V17h2v-5.82L23 9 12 3zm6 8.18L12 14 6 11.18V9.09L12 12l6-2.91v2.09z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Advanced Concept Miss<\/div><div class=\"sa-row-sub\">Q6, Q16<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">1<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"sa-card sa-luck\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1-2.3A4.49 4.49 0 0 0 8 20C19 20 22 3 22 3c-1 2-8 2-8 2s4-4 3-7c-3 2-4.5 5-4.5 5S17 0 12 0C10 4 13 8 17 8z\"><\/path><\/svg><\/div>\n <span class=\"sa-strip-title\">Luck Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions you got right by chance without strong knowledge. These are fragile wins \u2014 understanding them deeply turns luck into genuine ability.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">33<\/div><div class=\"sa-circle-label\">Luck<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Decision Luck<\/div><div class=\"sa-row-sub\">Q2, Q8<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">2<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Fortune Luck<\/div><div class=\"sa-row-sub\">Q4, Q6, Q12, Q15, Q21, Q23<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">6<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-mocha\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Confidence Luck<\/div><div class=\"sa-row-sub\">Q1, Q3, Q5, Q7, Q9, Q10, Q18<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">7<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"sa-card sa-memory\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg><\/div>\n <span class=\"sa-strip-title\">Memory Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions answered correctly from memory and retention. This measures your recall strength \u2014 the more here, the better your long-term learning.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">35<\/div><div class=\"sa-circle-label\">Memory<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Quick Recall Memory<\/div><div class=\"sa-row-sub\">Q2, Q5, Q11, Q14, Q19<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">5<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Short Term Memory<\/div><div class=\"sa-row-sub\">Q3, Q4, Q6, Q8, Q12, Q15, Q16, Q20, Q22<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">9<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-walnut\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Smart Recall Memory<\/div><div class=\"sa-row-sub\">Q1, Q7, Q9, Q10, Q13, Q17, Q18, Q21<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">8<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-header\" id=\"score-prediction\">\n <h2 class=\"sub-heading\">Score <em>Prediction<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <div class=\"sp-toggle-row\">\n <span class=\"sp-toggle-label\">Preview state:<\/span>\n <div class=\"sp-toggle\">\n <button class=\"sp-toggle-btn active-state\" id=\"btnHas\" onclick=\"setScoreState(true)\">\u2726 Has Prediction<\/button>\n <button class=\"sp-toggle-btn\" id=\"btnNo\" onclick=\"setScoreState(false)\">\u2715 No Prediction<\/button>\n <\/div>\n <\/div>\n <div class=\"sp-grid\">\n <div class=\"sp-info-card\">\n <p class=\"sp-info-desc\">Score prediction means the ability to estimate outcomes accurately using intelligent analytics. Enter your input values and suggestions below to generate a personalised forecast for your next assessment. Our AI engine analyses your past performance trends, mistake patterns, and practice frequency to compute a reliable score range \u2014 helping you set realistic goals and optimise your preparation strategy before the exam.<\/p>\n <\/div>\n <div class=\"sp-score-tile has-pred sp-state-has\" id=\"tileHas\">\n <div class=\"sp-sheen\"><\/div>\n <span class=\"sp-star s1\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s3\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s4\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s5\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s6\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <div class=\"sp-score-eyebrow\">PREDICTED SCORE<\/div>\n <div class=\"sp-score-num\">78<span>\/250<\/span><\/div>\n <div class=\"sp-score-sub\">Based on current performance trend<\/div>\n <\/div>\n <div class=\"sp-score-tile no-pred sp-state-no hidden\" id=\"tileNo\">\n <span class=\"sp-star-red sr1\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr2\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr4\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr5\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <div class=\"sp-no-pred-content\">\n <div class=\"sp-no-pred-icon-wrap\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"><\/path><\/svg><\/div>\n <div class=\"sp-no-pred-label\">No Prediction<\/div>\n <div class=\"sp-no-pred-sub\">Enter inputs below to generate your forecast<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sp-blocks\">\n <div class=\"sp-block sp-inference\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Inference<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(107,53,196,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\">\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">1<\/div><span class=\"sp-input-text\">Enter Input Value<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">2<\/div><span class=\"sp-input-text\">Enter Input Value<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"sp-block sp-suggest\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Suggestions<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(46,125,82,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\">\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">3<\/div><span class=\"sp-input-text\">Enter Suggestion<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">4<\/div><span class=\"sp-input-text\">Enter Suggestion<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><div class=\"tab-panel\" id=\"tab-time-matrix\">\n\n <div class=\"section-header\" style=\"margin-top: 8px;\">\n <h2>Time <em>Matrix<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <p style=\"font-size:14px;color:var(--mocha);margin-bottom:36px;font-weight:400;\">Analyze your time performance in detail<\/p>\n\n <div class=\"section-header\" style=\"margin-top:0;\">\n <h2 class=\"sub-heading\">Time <em>Info<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"tm-top-layout\">\n \n <div class=\"tm-tiles-grid\">\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Total Time<\/div>\n <div class=\"tm-stat-num tsn-accent\">50 <span class=\"tm-stat-unit\">MIN<\/span><\/div>\n <div class=\"tm-stat-sub\">Total amount of time allocated for the assessment.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-walnut\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Time Remaining<\/div>\n <div class=\"tm-stat-num tsn-walnut\">10 <span class=\"tm-stat-unit\">MIN<\/span><\/div>\n <div class=\"tm-stat-sub\">Time still remaining to complete the assessment.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-green\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Max Time per Question<\/div>\n <div class=\"tm-stat-num tsn-green\">2.00 <span class=\"tm-stat-unit\">MIN<\/span><\/div>\n <div class=\"tm-stat-sub\">Maximum amount of time consumed for a question.<\/div>\n <div class=\"tm-stat-tag\">Q3<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-mocha\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Min Time per Question<\/div>\n <div class=\"tm-stat-num tsn-mocha\">0.30 <span class=\"tm-stat-unit\">SEC<\/span><\/div>\n <div class=\"tm-stat-sub\">Minimum amount of time consumed for a question.<\/div>\n <div class=\"tm-stat-tag\">Q2<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\" style=\"grid-column: 1 \/ -1;\">\n <div class=\"tm-stat-icon tsi-gold\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Average Time per Question<\/div>\n <div class=\"tm-stat-num tsn-gold\">48 <span class=\"tm-stat-unit\">SEC<\/span><\/div>\n <div class=\"tm-stat-sub\">Average time spent per question across the entire assessment.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-total-card\">\n <div class=\"tm-hourglass-float\">\u23f3<\/div>\n <div class=\"tm-total-label\">TOTAL TIME<\/div>\n <div class=\"tm-total-num\">50<span class=\"tm-total-unit\">MIN<\/span><\/div>\n <div class=\"tm-total-divider\"><\/div>\n <div class=\"tm-remaining-row\">\n <div class=\"tm-remaining-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n <\/div>\n <span class=\"tm-remaining-label\">TIME REMAINING<\/span>\n <span class=\"tm-remaining-val\">10 MIN<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Time <em>Tracker<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <p style=\"font-size:13px;color:var(--mocha);margin-bottom:24px;\">Track your speed and accuracy to understand your performance better.<\/p>\n\n <div class=\"tt-gauges-row\">\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-accent\">ATTEMPT RATE<\/div>\n <div class=\"tt-gauge-label-sub-top\">Speed of Attempting<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: 12 Questions attempted quickly.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Most attempts fall in this optimal zone.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#E8521A\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: 5 Questions took longer to attempt.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: 2 Questions were severely delayed.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"52\" y2=\"35\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"var(--accent)\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-accent\">HIGH<\/div>\n <div class=\"tt-needle-label\">Attempt Rate<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-green\">CORRECT ANSWER RATE<\/div>\n <div class=\"tt-gauge-label-sub-top\">Accuracy of Answers<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: 20 correct answers generated here.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#2E7D52\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Steady accuracy rate maintained.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: Accuracy drops as time increases.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: High chance of errors detected.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"48\" y2=\"48\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#2E7D52\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-green\">HIGH<\/div>\n <div class=\"tt-needle-label\">Correct Answer<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-gold\">AVERAGE TIME<\/div>\n <div class=\"tt-gauge-label-sub-top\">Time Spent per Question<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: Lower average indicates rushing.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Ideal average time per question.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#C98B2B\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: Slightly above average timing.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: Time penalty zone.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"65\" y2=\"28\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#C98B2B\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-gold\">48 SEC<\/div>\n <div class=\"tt-needle-label\">Average Time<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-blue\">ATTEMPT CORRECT TIME<\/div>\n <div class=\"tt-gauge-label-sub-top\">Time for Right Answers<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: Rapid accurate responses.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Methodical & accurate calculations.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#1B4F8A\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: Safe but slow verification.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: Long time spent to get it right.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"72\" y2=\"24\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#1B4F8A\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-blue\">35 SEC<\/div>\n <div class=\"tt-needle-label\">Right Answer Time<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <\/div>\n\n <div class=\"tt-inference-row\">\n <div class=\"tt-inf-card\">\n <div class=\"tt-inf-left\">\n <div class=\"tt-inf-badge-row\">\n <div class=\"tt-inf-badge ib-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg>\n <\/div>\n <div class=\"tt-inf-num\">INFERENCE 01<\/div>\n <\/div>\n <div class=\"tt-inf-text\">High time attempt rate occurs in <strong>30 to 60 sec<\/strong><\/div>\n <div class=\"tt-inf-sub\">Low attempt rate occurs is above 90 sec<\/div>\n <\/div>\n <div class=\"tt-bar-chart\">\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:28px;\"><\/div><div class=\"tt-bar-x\">0-30<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar active-accent\" style=\"height:60px;\"><\/div><div class=\"tt-bar-x\">30-60<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:40px;\"><\/div><div class=\"tt-bar-x\">60-90<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:18px;\"><\/div><div class=\"tt-bar-x\">>90<br>SEC<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"tt-inf-card\">\n <div class=\"tt-inf-left\">\n <div class=\"tt-inf-badge-row\">\n <div class=\"tt-inf-badge ib-green\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg>\n <\/div>\n <div class=\"tt-inf-num\">INFERENCE 02<\/div>\n <\/div>\n <div class=\"tt-inf-text green-accent\">High correct answer appears in <strong>0 to 30 sec<\/strong><\/div>\n <div class=\"tt-inf-sub\">Low correct answer appears in 30 to 60 sec<\/div>\n <\/div>\n <div class=\"tt-bar-chart\">\n <div class=\"tt-bar-col\"><div class=\"tt-bar active-green\" style=\"height:58px;\"><\/div><div class=\"tt-bar-x\">0-30<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:36px;\"><\/div><div class=\"tt-bar-x\">30-60<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:22px;\"><\/div><div class=\"tt-bar-x\">60-90<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:12px;\"><\/div><div class=\"tt-bar-x\">>90<br>SEC<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Time <em>Analytics<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <p style=\"font-size:13px;color:var(--mocha);margin-bottom:24px;\">Gain clarity on how your time is performing across key areas<\/p>\n\n <div class=\"ta-cols\">\n <div class=\"ta-card ta-lag\">\n <div class=\"ta-top-strip\">\n <div class=\"ta-top-left\">\n <div class=\"ta-strip-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"><\/path><\/svg>\n <\/div>\n <span class=\"ta-strip-title\">TIME LAG & FOCUS AREAS<\/span>\n <\/div>\n <button class=\"ta-info-btn\">i<\/button>\n <\/div>\n <div class=\"ta-hero\">\n <div class=\"ta-desc-box\">\n <div class=\"ta-desc-label\">Description<\/div>\n <div class=\"ta-desc-text\">Time Lag includes delays in starting, switching, or responding. These gaps can slow you down and affect overall efficiency.<\/div>\n <\/div>\n <div class=\"ta-donut-wrap\">\n <div class=\"ta-donut-outer\">\n <svg class=\"ta-donut-svg\" viewBox=\"0 0 90 90\">\n <defs>\n <linearGradient id=\"rg-ta-accent\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#E8521A\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#FF7B3A\"><\/stop>\n <\/linearGradient>\n <linearGradient id=\"rg-ta-walnut\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#5C3A1E\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#C4855A\"><\/stop>\n <\/linearGradient>\n <linearGradient id=\"rg-ta-green\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#2E7D52\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#22C55E\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle class=\"ta-dr-bg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <circle class=\"ta-dr-fg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <\/svg>\n <div class=\"ta-donut-center\">\n <div class=\"ta-donut-num\">—<\/div>\n <div class=\"ta-donut-label\">LAG<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ta-focus-section\">\n <div class=\"ta-focus-label\">FOCUS AREAS<\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Basic Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Multiple Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Analytical Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ta-card ta-waste\">\n <div class=\"ta-top-strip\">\n <div class=\"ta-top-left\">\n <div class=\"ta-strip-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n <\/div>\n <span class=\"ta-strip-title\">TIME WASTE<\/span>\n <\/div>\n <button class=\"ta-info-btn\">i<\/button>\n <\/div>\n <div class=\"ta-hero\">\n <div class=\"ta-desc-box\">\n <div class=\"ta-desc-label\">Description<\/div>\n <div class=\"ta-desc-text\">Time Waste shows time spent on low-impact activities or mistakes that didn’t add value to your performance. Reducing this helps you work smarter.<\/div>\n <\/div>\n <div class=\"ta-donut-wrap\">\n <div class=\"ta-donut-outer\">\n <svg class=\"ta-donut-svg\" viewBox=\"0 0 90 90\">\n <circle class=\"ta-dr-bg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <circle class=\"ta-dr-fg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <\/svg>\n <div class=\"ta-donut-center\">\n <div class=\"ta-donut-num\">—<\/div>\n <div class=\"ta-donut-label\">WASTE<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ta-focus-section\">\n <div class=\"ta-focus-label\">FOCUS AREAS<\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Basic Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q3, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Multiple Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q3, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Analytical Questions<\/div><div class=\"ta-row-qs\">Q1, Q3, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ta-card ta-gain\">\n <div class=\"ta-top-strip\">\n <div class=\"ta-top-left\">\n <div class=\"ta-strip-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg>\n <\/div>\n <span class=\"ta-strip-title\">TIME GAIN<\/span>\n <\/div>\n <button class=\"ta-info-btn\">i<\/button>\n <\/div>\n <div class=\"ta-hero\">\n <div class=\"ta-desc-box\">\n <div class=\"ta-desc-label\">Description<\/div>\n <div class=\"ta-desc-text\">Time Gain reflects productive and high-impact time you used effectively to solve questions and move closer to your goals.<\/div>\n <\/div>\n <div class=\"ta-donut-wrap\">\n <div class=\"ta-donut-outer\">\n <svg class=\"ta-donut-svg\" viewBox=\"0 0 90 90\">\n <circle class=\"ta-dr-bg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <circle class=\"ta-dr-fg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <\/svg>\n <div class=\"ta-donut-center\">\n <div class=\"ta-donut-num\">—<\/div>\n <div class=\"ta-donut-label\">GAIN<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ta-focus-section\">\n <div class=\"ta-focus-label\">FOCUS AREAS<\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Basic Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Multiple Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Analytical Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><\/div><script>\n\/\/ \u2500\u2500 1. Navigation \/ Tab Switching Logic \u2500\u2500\nconst navBtns = document.querySelectorAll('.nav-item[data-tab]');\nconst panels = document.querySelectorAll('.tab-panel');\n\nnavBtns.forEach(btn => {\n btn.addEventListener('click', function () {\n navBtns.forEach(b => b.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n this.classList.add('active');\n \n const targetId = 'tab-' + this.dataset.tab;\n const targetPanel = document.getElementById(targetId);\n if (targetPanel) {\n targetPanel.classList.add('active');\n if (this.dataset.tab === 'score-matrix') initAccChart();\n }\n });\n});\n\n\/\/ Smooth scroll for future score button\ndocument.querySelector('.sc-future-btn')?.addEventListener('click', function(e) {\n e.preventDefault();\n document.getElementById('score-prediction')?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n});\n\n\/\/ \u2500\u2500 2. Interactive Gauge Logic \u2500\u2500\nwindow.showGaugeInfo = function(element, infoText) {\n \/\/ Find the closest card\n const card = element.closest('.tt-gauge-card');\n if (card) {\n \/\/ Update the dynamic text\n const infoDiv = card.querySelector('.tt-dynamic-info');\n if (infoDiv) {\n infoDiv.textContent = infoText;\n infoDiv.style.color = 'var(--espresso)';\n infoDiv.style.borderColor = 'var(--accent)';\n infoDiv.style.background = 'var(--cream)';\n }\n\n \/\/ Reset stroke widths on all paths in this card\n const allPaths = card.querySelectorAll('.gz-path');\n allPaths.forEach(p => p.style.strokeWidth = '12');\n\n \/\/ Make the clicked path thicker\n const targetPath = element.querySelector('.gz-path');\n if (targetPath) {\n targetPath.style.strokeWidth = '16';\n }\n }\n};\n\n\/\/ \u2500\u2500 3. Score Prediction Toggle \u2500\u2500\nwindow.setScoreState = function(hasPred) {\n const tileHas = document.getElementById('tileHas');\n const tileNo = document.getElementById('tileNo');\n const btnHas = document.getElementById('btnHas');\n const btnNo = document.getElementById('btnNo');\n\n if (hasPred) {\n tileHas.classList.remove('hidden');\n tileNo.classList.add('hidden');\n btnHas.classList.add('active-state');\n btnNo.classList.remove('no-state');\n } else {\n tileHas.classList.add('hidden');\n tileNo.classList.remove('hidden');\n btnNo.classList.add('no-state');\n btnHas.classList.remove('active-state');\n }\n}\n\n\/\/ \u2500\u2500 4. Accuracy Chart Initialization \u2500\u2500\nlet accChartInstance = null;\n\nfunction initAccChart() {\n const ctx = document.getElementById('accChart');\n if (!ctx) return;\n if (accChartInstance) accChartInstance.destroy();\n\n accChartInstance = new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['0','10','20','30','40','50','60'],\n datasets: [{\n data: [45, 52, 58, 63, 67, 70, 75],\n borderColor: '#E8521A', borderWidth: 2.5,\n pointBackgroundColor: '#E8521A', pointBorderColor: '#fff',\n pointBorderWidth: 2.5, pointRadius: 5, pointHoverRadius: 8,\n fill: true,\n backgroundColor: c => {\n const g = c.chart.ctx.createLinearGradient(0,0,0,255);\n g.addColorStop(0,'rgba(232,82,26,0.14)');\n g.addColorStop(1,'rgba(232,82,26,0.00)');\n return g;\n },\n tension: 0.42\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n backgroundColor: '#2C1A0E', titleColor: '#FFF8F0', bodyColor: '#C4855A',\n padding: 12, borderColor: 'rgba(232,82,26,0.35)', borderWidth: 1,\n callbacks: { label: v => ' ' + v.raw + '%' }\n }\n },\n scales: {\n x: { grid: { display: false }, border: { display: false }, ticks: { font: { size: 12, family: 'Inter', weight: '500' }, color: '#8A5C3C' } },\n y: { min: 0, max: 100, grid: { color: '#EDD9C0' }, border: { display: false }, ticks: { font: { size: 12, family: 'Inter', weight: '500' }, color: '#8A5C3C', stepSize: 20, padding: 8 } }\n }\n },\n plugins: [{\n afterDatasetsDraw(chart) {\n const { ctx: c, data: d, scales: { x, y } } = chart;\n d.datasets[0].data.forEach((val, i) => {\n const xp = x.getPixelForValue(i), yp = y.getPixelForValue(val);\n const isLast = i === d.datasets[0].data.length - 1;\n c.save();\n if (isLast) {\n c.fillStyle = '#E8521A';\n c.beginPath();\n const w = 50, h = 25, rx2 = xp - w\/2, ry2 = yp - 42;\n c.roundRect(rx2, ry2, w, h, 6); c.fill();\n c.fillStyle = '#fff'; c.font = '700 12px Inter';\n c.textAlign = 'center'; c.fillText(val+'%', xp, ry2+16);\n c.fillStyle = '#E8521A'; c.beginPath();\n c.moveTo(xp-5, ry2+h); c.lineTo(xp+5, ry2+h); c.lineTo(xp, ry2+h+7);\n c.closePath(); c.fill();\n } else {\n c.fillStyle = '#5C3A1E'; c.font = '600 11px Inter';\n c.textAlign = 'center'; c.fillText(val+'%', xp, yp-14);\n }\n c.restore();\n });\n }\n }]\n });\n}\n\n\/\/ Initialize on page load\ninitAccChart();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Launchpad 360 \u2013 Dashboard Launchpad 360 Performance Intelligence Dashboard \ud83d\udcc5 Last Updated: Jun 2, 2025 Score Matrix Time Matrix Score […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","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":""},"class_list":["post-217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=217"}],"version-history":[{"count":15,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":217,"date":"2026-06-04T05:28:47","date_gmt":"2026-06-04T05:28:47","guid":{"rendered":"https:\/\/massgraduates.in\/?page_id=217"},"modified":"2026-06-08T04:39:55","modified_gmt":"2026-06-08T04:39:55","slug":"launchpad","status":"publish","type":"page","link":"https:\/\/cuetexamsnta.massgraduates.in\/?page_id=217","title":{"rendered":"Launchpad"},"content":{"rendered":"\n\n\n\n\n\nLaunchpad 360 \u2013 Dashboard<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --cream: #FDF6EE;\n --cream-2: #FAF0E2;\n --cream-border: #EDD9C0;\n --card-warm: #FFF8F0;\n --card-mid: #F5E9D8;\n --espresso: #2C1A0E;\n --walnut: #5C3A1E;\n --mocha: #8A5C3C;\n --caramel: #C4855A;\n --accent: #E8521A;\n --accent-lt: #FF7B3A;\n --accent-pale: #FDEEE6;\n --green: #2E7D52;\n --green-lt: #D3F0E3;\n --red: #C0392B;\n --blue: #1B4F8A;\n --gold: #C98B2B;\n --gold-lt: #FFF3D0;\n --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\nbody {\n font-family: var(--font);\n background: var(--cream-2);\n min-height: 100vh;\n padding: 28px 16px;\n background-image:\n radial-gradient(ellipse 700px 500px at 8% 4%, rgba(232,82,26,0.06) 0%, transparent 68%),\n radial-gradient(ellipse 500px 400px at 92% 96%, rgba(196,133,90,0.07) 0%, transparent 65%);\n}\n\n.wrapper {\n max-width: 1380px;\n margin: 0 auto;\n background: var(--cream);\n border-radius: 28px;\n padding: 44px 52px 52px;\n box-shadow: 0 0 0 1.5px var(--cream-border), 0 20px 70px rgba(44,26,14,0.10);\n position: relative;\n overflow: hidden;\n}\n.wrapper::before {\n content: '';\n position: absolute; top: 0; right: 0;\n width: 300px; height: 300px;\n background-image: radial-gradient(circle, rgba(232,82,26,0.06) 1px, transparent 1px);\n background-size: 18px 18px;\n border-radius: 0 28px 0 0;\n pointer-events: none;\n}\n\n\/* HEADER *\/\n.dash-header {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 0;\n padding-bottom: 24px;\n border-bottom: 1.5px solid var(--cream-border);\n}\n.dash-logo { display: flex; align-items: center; gap: 14px; }\n.dash-logo-mark {\n width: 50px; height: 50px;\n background: linear-gradient(135deg, var(--accent), var(--accent-lt));\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 22px rgba(232,82,26,0.32);\n flex-shrink: 0;\n}\n.dash-logo-mark svg { width: 24px; height: 24px; fill: #fff; }\n.dash-title-wrap h1 {\n font-size: 24px; font-weight: 800;\n color: var(--espresso); letter-spacing: -0.3px; line-height: 1.1;\n}\n.dash-title-wrap h1 span { color: var(--accent); }\n.dash-title-wrap p { font-size: 13px; color: var(--mocha); margin-top: 3px; font-weight: 500; }\n.dash-date {\n font-size: 13px; font-weight: 600; color: var(--mocha);\n background: var(--card-mid); border: 1.5px solid var(--cream-border);\n border-radius: 10px; padding: 8px 16px;\n}\n\n\/* NAV *\/\n.nav-menu {\n display: flex; align-items: center; gap: 4px;\n background: var(--card-mid);\n border: 1.5px solid var(--cream-border);\n border-radius: 14px;\n padding: 6px;\n margin: 24px 0 36px;\n}\n.nav-item {\n display: flex; align-items: center; gap: 8px;\n padding: 9px 20px;\n border-radius: 10px;\n font-size: 13.5px; font-weight: 600;\n color: var(--mocha);\n cursor: pointer;\n transition: all 0.18s ease;\n border: none; background: none; font-family: var(--font);\n white-space: nowrap;\n}\n.nav-item svg { width: 16px; height: 16px; fill: currentColor; opacity: 0.7; }\n.nav-item:hover { background: var(--cream); color: var(--espresso); }\n.nav-item.active {\n background: var(--accent);\n color: #fff;\n box-shadow: 0 4px 14px rgba(232,82,26,0.30);\n}\n.nav-item.active svg { opacity: 1; }\n.nav-sep {\n width: 1.5px; height: 22px;\n background: var(--cream-border);\n border-radius: 2px; margin: 0 2px; flex-shrink: 0;\n}\n\n\/* TAB PANELS *\/\n.tab-panel { display: none; }\n.tab-panel.active { display: block; animation: fadeUp 0.4s ease both; }\n\n\/* SECTION HEADER *\/\n.section-header {\n display: flex; align-items: center; gap: 20px;\n margin-bottom: 10px; margin-top: 48px;\n}\n.sh-line { flex: 1; height: 1.5px; background: linear-gradient(90deg, var(--cream-border), transparent); }\n.section-header h2 {\n font-size: 60px; font-weight: 900;\n color: var(--espresso); letter-spacing: -2px; line-height: 1; white-space: nowrap;\n}\n.section-header h2 em { font-style: normal; color: var(--accent); }\n.section-header h2.sub-heading {\n font-size: 34px; font-weight: 800; letter-spacing: -1px;\n}\n\n\/* SCORE INFO TITLE *\/\n.score-info-title { display: flex; align-items: center; gap: 12px; margin-bottom: 0; }\n.si-badge {\n background: var(--accent); color: #fff;\n font-size: 11px; font-weight: 800; letter-spacing: 2px;\n text-transform: uppercase; padding: 5px 11px; border-radius: 6px;\n flex-shrink: 0; line-height: 1;\n}\n.si-heading { font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -1px; }\n.si-heading .t-dark { color: var(--espresso); }\n.si-heading .t-accent { color: var(--accent); }\n\n\/* SCORE MATRIX *\/\n.sm-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 24px; margin-bottom: 36px !important; }\n\n.card {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 34px 38px;\n box-shadow: 0 4px 20px rgba(44,26,14,0.05);\n position: relative; overflow: hidden;\n}\n.card::after {\n content: '';\n position: absolute; bottom: -36px; right: -36px;\n width: 130px; height: 130px; border-radius: 50%;\n background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.info-card-inner { display: flex; flex-direction: column; height: 100%; gap: 0; }\n.info-card-top {\n display: flex; align-items: center; gap: 16px;\n padding-bottom: 22px; margin-bottom: 22px;\n border-bottom: 1.5px solid var(--cream-border);\n}\n.info-hex {\n width: 52px; height: 52px; flex-shrink: 0;\n background: linear-gradient(135deg, var(--accent), var(--accent-lt));\n border-radius: 15px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 20px rgba(232,82,26,0.28);\n}\n.info-hex svg { width: 24px; height: 24px; fill: #fff; }\n.info-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; flex: 1; }\n.info-stat-item {\n background: var(--cream-2); border: 1.5px solid var(--cream-border);\n border-radius: 16px; padding: 20px 18px;\n display: flex; align-items: center; gap: 16px;\n transition: transform 0.18s, box-shadow 0.18s;\n}\n.info-stat-item:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(44,26,14,0.10); }\n.info-stat-icon {\n width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n}\n.info-stat-icon svg { width: 22px; height: 22px; fill: #fff; }\n.isi-blue { background: linear-gradient(135deg,#1B4F8A,#3B82F6); box-shadow: 0 6px 14px rgba(27,79,138,0.30); }\n.isi-green { background: linear-gradient(135deg,#2E7D52,#22C55E); box-shadow: 0 6px 14px rgba(46,125,82,0.30); }\n.isi-red { background: linear-gradient(135deg,#C0392B,#EF4444); box-shadow: 0 6px 14px rgba(192,57,43,0.30); }\n.isi-gold { background: linear-gradient(135deg,#C98B2B,#F59E0B); box-shadow: 0 6px 14px rgba(201,139,43,0.30); }\n.info-stat-body { display: flex; flex-direction: column; min-width: 0; }\n.info-stat-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: var(--mocha); }\n.info-stat-num { font-size: 42px; font-weight: 900; line-height: 1.05; margin: 3px 0 2px; }\n.isn-blue { color: #1B4F8A; }\n.isn-green { color: #2E7D52; }\n.isn-red { color: #C0392B; }\n.isn-gold { color: #C98B2B; }\n.info-stat-sub { font-size: 11.5px; color: var(--caramel); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n\/* Score card *\/\n.score-card {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n text-align: center;\n background: linear-gradient(145deg, #3D2318 0%, #5C3A1E 60%, #7A4C2A 100%);\n border: none; padding: 28px 30px;\n box-shadow: 0 16px 44px rgba(44,26,14,0.26), 0 4px 12px rgba(44,26,14,0.14);\n}\n.score-card::after { display: none; }\n.score-card::before {\n content: ''; position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);\n background-size: 16px 16px; border-radius: 20px;\n}\n.sc-eyebrow { font-size: 12px; font-weight: 900; letter-spacing: 2.5px; text-transform: uppercase; color: #ffffff; margin-bottom: 8px; position: relative; z-index: 1; }\n.sc-score { font-size: 72px; font-weight: 900; line-height: 1; color: #fff; position: relative; z-index: 1; text-shadow: 0 4px 16px rgba(0,0,0,0.3); }\n.sc-score sup { font-size: 26px; font-weight: 700; vertical-align: super; color: var(--accent-lt); }\n.sc-divider { width: 44px; height: 2px; background: var(--accent); border-radius: 2px; margin: 10px auto 8px; position: relative; z-index: 1; }\n.sc-sub { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.45); letter-spacing: 1.5px; text-transform: uppercase; position: relative; z-index: 1; }\n.sc-future-btn {\n display: inline-flex; align-items: center; gap: 8px; margin-top: 16px;\n padding: 10px 20px; border-radius: 12px;\n background: rgba(255,255,255,0.12); border: 1.5px solid rgba(255,255,255,0.22);\n color: #fff; font-size: 13px; font-weight: 700; text-decoration: none;\n letter-spacing: 0.3px; position: relative; z-index: 2; backdrop-filter: blur(6px);\n transition: background 0.22s, border-color 0.22s, transform 0.18s, box-shadow 0.22s; cursor: pointer;\n}\n.sc-future-btn svg { width: 16px; height: 16px; fill: var(--accent-lt); flex-shrink: 0; }\n.sc-future-btn:hover { background: var(--accent); border-color: var(--accent-lt); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,82,26,0.45); }\n\n\/* ACCURACY TRACKER *\/\n.at-row-1 { display: grid; grid-template-columns: 310px 1fr; gap: 22px; margin-bottom: 22px; }\n.at-row-2 { display: grid; grid-template-columns: 1fr 380px; gap: 22px; margin-bottom: 22px; }\n\n.card-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }\n.card-hd-icon {\n width: 42px; height: 42px; border-radius: 12px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.card-hd-icon svg { width: 19px; height: 19px; fill: #fff; }\n.chi-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 5px 12px rgba(232,82,26,0.28); }\n.chi-espresso { background: linear-gradient(135deg,var(--espresso),var(--walnut)); box-shadow: 0 5px 12px rgba(44,26,14,0.28); }\n.ch-title { font-size: 15px; font-weight: 700; color: var(--espresso); }\n.ch-sub { font-size: 12px; color: var(--caramel); margin-top: 2px; }\n\n\/* Donut *\/\n.donut-wrap { display: flex; flex-direction: column; align-items: center; }\n.donut-outer { position: relative; width: 182px; height: 182px; margin: 0 auto 22px; }\n.donut-svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.dr-bg { fill: none; stroke: var(--card-mid); stroke-width: 15; }\n.dr-fg { fill: none; stroke: url(#rg-warm); stroke-width: 15; stroke-dasharray: 535; stroke-dashoffset: 160.5; stroke-linecap: round; }\n.donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.donut-pct { font-size: 46px; font-weight: 900; color: var(--espresso); line-height: 1; }\n.donut-pct sup { font-size: 20px; color: var(--accent); }\n.donut-caption { font-size: 11px; color: var(--mocha); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 5px; }\n.tip-box {\n width: 100%; background: var(--gold-lt); border: 1.5px solid rgba(201,139,43,0.22);\n border-radius: 12px; padding: 13px 15px; display: flex; align-items: flex-start; gap: 11px;\n}\n.tip-ico { width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; background: linear-gradient(135deg,var(--gold),#F59E0B); display: flex; align-items: center; justify-content: center; }\n.tip-ico svg { width: 15px; height: 15px; fill: #fff; }\n.tip-box p { font-size: 13px; color: var(--espresso); font-weight: 600; line-height: 1.55; padding-top: 5px; }\n\n\/* Chart *\/\n.chart-card-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }\n.chart-area { position: relative; height: 255px; width: 100%; }\n.chart-note {\n margin-top: 18px; background: var(--accent-pale); border: 1.5px solid rgba(232,82,26,0.14);\n border-radius: 12px; padding: 13px 17px; font-size: 13.5px; color: var(--walnut); line-height: 1.55;\n}\n.chart-note strong { color: var(--accent); }\n\n\/* Score Analytics *\/\n.sa-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }\n.sa-card { background: var(--card-warm); border: 1.5px solid var(--cream-border); border-radius: 22px; overflow: hidden; box-shadow: 0 4px 22px rgba(44,26,14,0.07); display: flex; flex-direction: column; }\n.sa-top-strip { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px 16px; border-bottom: 1.5px solid var(--cream-border); background: var(--card-mid); }\n.sa-top-left { display: flex; align-items: center; gap: 12px; }\n.sa-strip-icon { width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(44,26,14,0.15); }\n.sa-strip-icon svg { width: 19px; height: 19px; fill: #fff; }\n.sa-missed .sa-strip-icon { background: linear-gradient(135deg, var(--accent), var(--accent-lt)); }\n.sa-luck .sa-strip-icon { background: linear-gradient(135deg, var(--green), #22C55E); }\n.sa-memory .sa-strip-icon { background: linear-gradient(135deg, var(--blue), #3B82F6); }\n.sa-strip-title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: var(--espresso); }\n.sa-strip-info { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family: var(--font); transition: all 0.18s; }\n.sa-strip-info:hover { background: var(--accent); color: #fff; border-color: var(--accent); }\n.sa-hero-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 22px 18px; border-bottom: 1.5px solid var(--cream-border); }\n.sa-desc-box { flex: 1; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 14px; padding: 14px 16px; }\n.sa-desc-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.8px; color: var(--mocha); margin-bottom: 6px; }\n.sa-desc-text { font-size: 13px; color: var(--walnut); line-height: 1.6; font-weight: 400; }\n.sa-circle-wrap { flex-shrink: 0; text-align: center; }\n.sa-circle { width: 92px; height: 92px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 3px solid var(--cream-border); background: var(--cream); box-shadow: 0 6px 18px rgba(44,26,14,0.10); position: relative; }\n.sa-missed .sa-circle { border-color: var(--accent); box-shadow: 0 0 0 5px rgba(232,82,26,0.08), 0 6px 18px rgba(232,82,26,0.18); }\n.sa-luck .sa-circle { border-color: var(--green); box-shadow: 0 0 0 5px rgba(46,125,82,0.08), 0 6px 18px rgba(46,125,82,0.18); }\n.sa-memory .sa-circle { border-color: var(--blue); box-shadow: 0 0 0 5px rgba(27,79,138,0.08), 0 6px 18px rgba(27,79,138,0.18); }\n.sa-circle-num { font-size: 40px; font-weight: 900; line-height: 1; }\n.sa-missed .sa-circle-num { color: var(--accent); }\n.sa-luck .sa-circle-num { color: var(--green); }\n.sa-memory .sa-circle-num { color: var(--blue); }\n.sa-circle-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-top: 2px; color: var(--mocha); }\n.sa-rows-list { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }\n.sa-row { display: flex; align-items: center; justify-content: space-between; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 13px; padding: 12px 15px; flex: 1; transition: box-shadow 0.18s, transform 0.18s; }\n.sa-row:hover { transform: translateX(3px); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.sa-row-left { display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0; }\n.sa-row-icon { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.sa-row-icon svg { width: 16px; height: 16px; fill: #fff; }\n.sa-missed .sa-row-icon { background: linear-gradient(135deg, var(--accent), var(--accent-lt)); box-shadow: 0 3px 8px rgba(232,82,26,0.25); }\n.sa-luck .sa-row-icon { background: linear-gradient(135deg, var(--green), #22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.25); }\n.sa-memory .sa-row-icon { background: linear-gradient(135deg, var(--blue), #3B82F6); box-shadow: 0 3px 8px rgba(27,79,138,0.25); }\n.sa-row-icon.ri-walnut { background: linear-gradient(135deg, var(--walnut), var(--caramel)); box-shadow: 0 3px 8px rgba(92,58,30,0.25); }\n.sa-row-icon.ri-gold { background: linear-gradient(135deg, var(--gold), #F59E0B); box-shadow: 0 3px 8px rgba(201,139,43,0.25); }\n.sa-row-icon.ri-mocha { background: linear-gradient(135deg, var(--mocha), var(--caramel)); box-shadow: 0 3px 8px rgba(138,92,60,0.25); }\n.sa-row-icon.ri-espresso { background: linear-gradient(135deg, var(--espresso), var(--walnut)); box-shadow: 0 3px 8px rgba(44,26,14,0.28); }\n.sa-row-icon.ri-accent2 { background: linear-gradient(135deg, #C0392B, var(--accent)); box-shadow: 0 3px 8px rgba(192,57,43,0.25); }\n.sa-row-text { min-width: 0; }\n.sa-row-title { font-size: 13.5px; font-weight: 700; color: var(--espresso); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.sa-row-sub { font-size: 11px; font-weight: 500; color: var(--mocha); margin-top: 2px; line-height: 1.3; }\n.sa-row-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: 10px; }\n.sa-row-num { font-size: 30px; font-weight: 900; line-height: 1; min-width: 32px; text-align: right; }\n.sa-missed .sa-row-num { color: var(--accent); }\n.sa-luck .sa-row-num { color: var(--green); }\n.sa-memory .sa-row-num { color: var(--blue); }\n.sa-row-info-btn { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family: var(--font); flex-shrink: 0; transition: all 0.16s; }\n.sa-row-info-btn:hover { background: var(--card-mid); border-color: var(--mocha); }\n\n\/* Score Prediction *\/\n.sp-toggle-row { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }\n.sp-toggle-label { font-size: 13px; font-weight: 600; color: var(--mocha); }\n.sp-toggle { display: flex; gap: 4px; background: var(--card-mid); border: 1.5px solid var(--cream-border); border-radius: 10px; padding: 4px; }\n.sp-toggle-btn { padding: 7px 16px; border-radius: 7px; font-size: 12.5px; font-weight: 700; border: none; cursor: pointer; font-family: var(--font); transition: all 0.18s; color: var(--mocha); background: transparent; }\n.sp-toggle-btn.active-state { background: linear-gradient(135deg, #1B4F8A, #6B35C4); color: #fff; box-shadow: 0 4px 12px rgba(107,53,196,0.30); }\n.sp-toggle-btn.no-state { background: linear-gradient(135deg, #C0392B, #E8521A); color: #fff; box-shadow: 0 4px 12px rgba(192,57,43,0.28); }\n.sp-grid { display: grid; grid-template-columns: 1fr 380px; gap: 22px; align-items: stretch; margin-bottom: 24px; }\n.sp-score-tile { border-radius: 22px; position: relative; overflow: hidden; min-height: 160px; display: flex; flex-direction: column; justify-content: center; padding: 36px 40px; }\n.sp-score-tile.has-pred { background: linear-gradient(135deg, #1B4F8A 0%, #6B35C4 45%, #E8521A 100%); box-shadow: 0 16px 44px rgba(107,53,196,0.30); animation: sp-tile-float 6s ease-in-out infinite; }\n@keyframes sp-tile-float { 0%,100% { box-shadow: 0 16px 44px rgba(107,53,196,0.30); } 50% { box-shadow: 0 22px 56px rgba(27,79,138,0.38); } }\n.sp-score-tile.has-pred::before { content: ''; position: absolute; inset: 0; border-radius: 22px; background: linear-gradient(270deg,rgba(232,82,26,0.55),rgba(107,53,196,0.55),rgba(27,79,138,0.55),rgba(107,53,196,0.55),rgba(232,82,26,0.55)); background-size: 400% 400%; animation: sp-color-flow 8s ease infinite; pointer-events: none; mix-blend-mode: overlay; }\n@keyframes sp-color-flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n.sp-score-tile.has-pred::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; border-radius: 22px; }\n.sp-sheen { position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.12) 50%, transparent 60%); animation: sp-sheen-pass 5s ease-in-out infinite; pointer-events: none; }\n@keyframes sp-sheen-pass { 0% { left: -80%; opacity: 0; } 10% { opacity: 1; } 50% { left: 120%; opacity: 0.8; } 51%,100% { opacity: 0; left: 120%; } }\n.sp-score-eyebrow { font-size: 13px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: #fff; margin-bottom: 10px; position: relative; z-index: 2; }\n.sp-score-num { font-size: 88px; font-weight: 900; line-height: 1; color: #fff; position: relative; z-index: 2; letter-spacing: -4px; text-shadow: 0 4px 24px rgba(0,0,0,0.22); }\n.sp-score-num span { font-size: 32px; font-weight: 600; letter-spacing: 0; color: rgba(255,255,255,0.70); vertical-align: baseline; margin-left: 4px; }\n.sp-score-sub { font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.55); margin-top: 8px; position: relative; z-index: 2; }\n.sp-star { position: absolute; z-index: 3; pointer-events: none; color: #fff; line-height: 1; }\n.sp-star svg { display: block; }\n.sp-star.s1 { top: 16px; right: 52px; animation: sp-twinkle 2.2s ease-in-out infinite 0.0s; }\n.sp-star.s2 { top: 44px; right: 22px; animation: sp-twinkle 2.2s ease-in-out infinite 0.55s; }\n.sp-star.s3 { bottom: 24px; right: 80px; animation: sp-twinkle 2.2s ease-in-out infinite 1.1s; }\n.sp-star.s4 { top: 28px; right: 130px; animation: sp-twinkle 2.2s ease-in-out infinite 0.35s; }\n.sp-star.s5 { bottom: 18px; right: 140px; animation: sp-twinkle 2.2s ease-in-out infinite 0.85s; }\n.sp-star.s6 { top: 56px; right: 64px; animation: sp-twinkle 1.8s ease-in-out infinite 1.4s; }\n@keyframes sp-twinkle { 0%,100% { opacity: 0.15; transform: scale(0.7) rotate(0deg); } 30% { opacity: 1; transform: scale(1.3) rotate(15deg); } 60% { opacity: 0.5; transform: scale(0.9) rotate(-8deg); } }\n.sp-score-tile.no-pred { background: linear-gradient(135deg, #e05252 0%, #f07070 45%, #ff9898 100%); box-shadow: 0 16px 44px rgba(192,57,43,0.30); }\n.sp-score-tile.no-pred::before { content: ''; position: absolute; inset: 0; border-radius: 22px; background: linear-gradient(270deg,rgba(255,140,140,0.5),rgba(220,80,80,0.6),rgba(220,80,80,0.6),rgba(255,140,140,0.5)); background-size: 400% 400%; animation: sp-color-flow 8s ease infinite; pointer-events: none; mix-blend-mode: overlay; }\n.sp-score-tile.no-pred::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; border-radius: 22px; }\n.sp-no-pred-content { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 2; text-align: center; gap: 14px; }\n.sp-no-pred-icon-wrap { width: 72px; height: 72px; border-radius: 50%; background: rgba(255,255,255,0.18); border: 2px solid rgba(255,255,255,0.30); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); animation: sp-icon-pulse 3s ease-in-out infinite; }\n@keyframes sp-icon-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }\n.sp-no-pred-icon-wrap svg { width: 34px; height: 34px; fill: #fff; }\n.sp-no-pred-label { font-size: 26px; font-weight: 900; color: #fff; letter-spacing: -0.5px; }\n.sp-no-pred-sub { font-size: 13px; color: rgba(255,255,255,0.72); font-weight: 500; }\n.sp-star-red { position: absolute; z-index: 3; pointer-events: none; color: #fff; line-height: 1; }\n.sp-star-red.sr1 { top: 18px; right: 44px; animation: sp-twinkle 2.4s ease-in-out infinite 0.0s; }\n.sp-star-red.sr2 { top: 50px; right: 18px; animation: sp-twinkle 2.4s ease-in-out infinite 0.7s; }\n.sp-star-red.sr3 { bottom: 22px; right: 70px; animation: sp-twinkle 2.0s ease-in-out infinite 1.2s; }\n.sp-star-red.sr4 { top: 22px; right: 120px; animation: sp-twinkle 1.8s ease-in-out infinite 0.4s; }\n.sp-star-red.sr5 { bottom: 16px; right: 130px; animation: sp-twinkle 2.2s ease-in-out infinite 0.9s; }\n.sp-info-card { background: var(--card-warm); border: 1.5px solid var(--cream-border); border-radius: 22px; padding: 32px 36px; box-shadow: 0 4px 20px rgba(44,26,14,0.05); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }\n.sp-info-card::after { content: ''; position: absolute; bottom: -30px; right: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%); pointer-events: none; }\n.sp-info-desc { font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 400; }\n.sp-blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.sp-block { border-radius: 20px; border: 1.5px solid var(--cream-border); overflow: hidden; box-shadow: 0 4px 18px rgba(44,26,14,0.06); background: var(--card-warm); display: flex; flex-direction: column; }\n.sp-block-head { display: flex; align-items: center; gap: 14px; padding: 18px 22px 16px; border-bottom: 1.5px solid var(--cream-border); position: relative; overflow: hidden; }\n.sp-inference .sp-block-head { background: linear-gradient(120deg, #ede8f8 0%, #ddd5f5 100%); }\n.sp-suggest .sp-block-head { background: linear-gradient(120deg, #e0f5ee 0%, #c8eede 100%); }\n.sp-block-head-icon { width: 44px; height: 44px; border-radius: 13px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 12px rgba(0,0,0,0.14); }\n.sp-block-head-icon svg { width: 22px; height: 22px; fill: #fff; }\n.sp-inference .sp-block-head-icon { background: linear-gradient(135deg, #6B35C4, #9B59B6); }\n.sp-suggest .sp-block-head-icon { background: linear-gradient(135deg, #2E7D52, #22C55E); }\n.sp-block-title { font-size: 16px; font-weight: 800; color: var(--espresso); letter-spacing: -0.2px; }\n.sp-block-wave { position: absolute; right: 0; top: 0; bottom: 0; width: 140px; pointer-events: none; overflow: hidden; }\n.sp-block-wave svg { width: 100%; height: 100%; }\n.sp-inputs { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 10px; flex: 1; }\n.sp-input-row { display: flex; align-items: center; gap: 12px; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 13px; padding: 11px 14px; cursor: pointer; transition: box-shadow 0.18s, border-color 0.18s; }\n.sp-input-row:hover { border-color: var(--caramel); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.sp-input-num { width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: #fff; }\n.sp-inference .sp-input-num { background: linear-gradient(135deg, #6B35C4, #9B59B6); box-shadow: 0 3px 8px rgba(107,53,196,0.30); }\n.sp-suggest .sp-input-num { background: linear-gradient(135deg, #2E7D52, #22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.28); }\n.sp-input-text { flex: 1; font-size: 13.5px; font-weight: 500; color: var(--mocha); }\n.sp-input-kbd { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; background: var(--card-mid); border: 1.5px solid var(--cream-border); display: flex; align-items: center; justify-content: center; transition: background 0.16s; }\n.sp-input-kbd svg { width: 16px; height: 16px; fill: var(--mocha); }\n.sp-state-has.hidden, .sp-state-no.hidden { display: none; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TIME MATRIX \u2014 ALL SECTIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Time Matrix section header override *\/\n.tm-page-header {\n margin-bottom: 32px;\n}\n.tm-page-header h2 {\n font-size: 32px; font-weight: 900; color: var(--espresso); letter-spacing: -0.5px;\n}\n.tm-page-header h2 span { color: var(--accent); }\n.tm-page-header p { font-size: 14px; color: var(--mocha); margin-top: 5px; font-weight: 400; }\n\n\/* Time Info Layout *\/\n.tm-top-layout {\n display: grid;\n grid-template-columns: 1.35fr 1fr;\n gap: 24px;\n margin-bottom: 36px;\n align-items: stretch;\n}\n.tm-tiles-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n align-content: start;\n}\n\n\/* Stat tiles row *\/\n.tm-stat-tile {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 18px;\n padding: 22px 22px 18px;\n box-shadow: 0 4px 16px rgba(44,26,14,0.05);\n display: flex; align-items: flex-start; gap: 14px;\n transition: transform 0.18s, box-shadow 0.18s;\n position: relative; overflow: hidden;\n}\n.tm-stat-tile:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(44,26,14,0.12); }\n.tm-stat-tile::after {\n content: ''; position: absolute; bottom: -22px; right: -22px;\n width: 80px; height: 80px; border-radius: 50%;\n background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%);\n pointer-events: none;\n}\n.tm-stat-icon { width: 46px; height: 46px; border-radius: 13px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.tm-stat-icon svg { width: 21px; height: 21px; fill: #fff; }\n.tsi-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 5px 14px rgba(232,82,26,0.32); }\n.tsi-walnut { background: linear-gradient(135deg,var(--walnut),var(--caramel)); box-shadow: 0 5px 14px rgba(92,58,30,0.28); }\n.tsi-green { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 5px 14px rgba(46,125,82,0.28); }\n.tsi-mocha { background: linear-gradient(135deg,var(--mocha),var(--caramel)); box-shadow: 0 5px 14px rgba(138,92,60,0.28); }\n.tsi-gold { background: linear-gradient(135deg,var(--gold),#F59E0B); box-shadow: 0 5px 14px rgba(201,139,43,0.28); }\n\n.tm-stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--mocha); }\n.tm-stat-num { font-size: 34px; font-weight: 900; line-height: 1.1; margin: 4px 0 3px; }\n.tsn-accent { color: var(--accent); }\n.tsn-walnut { color: var(--walnut); }\n.tsn-green { color: var(--green); }\n.tsn-mocha { color: var(--mocha); }\n.tsn-gold { color: var(--gold); }\n.tm-stat-unit { font-size: 13px; font-weight: 700; opacity: 0.7; }\n.tm-stat-sub { font-size: 11.5px; color: var(--caramel); font-weight: 500; line-height: 1.3; }\n.tm-stat-tag {\n display: inline-block; margin-top: 6px;\n background: var(--accent-pale); color: var(--accent);\n font-size: 10px; font-weight: 800; letter-spacing: 1px;\n padding: 3px 8px; border-radius: 5px;\n}\n\n\/* Total Time dark card *\/\n.tm-total-card {\n background: linear-gradient(145deg, #3D2318 0%, #5C3A1E 60%, #7A4C2A 100%);\n border-radius: 22px;\n padding: 36px 40px;\n box-shadow: 0 16px 44px rgba(44,26,14,0.26);\n position: relative; overflow: hidden;\n display: flex; flex-direction: column; justify-content: center;\n margin: 0;\n max-width: 420px;\n height: 100%;\n}\n.tm-total-card::before {\n content: ''; position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);\n background-size: 16px 16px; border-radius: 22px; pointer-events: none;\n}\n.tm-hourglass-float {\n position: absolute; right: 32px; top: 50%; transform: translateY(-50%);\n font-size: 80px; opacity: 0.18; pointer-events: none;\n animation: tm-hg-float 4s ease-in-out infinite;\n}\n@keyframes tm-hg-float { 0%,100% { transform: translateY(-50%) rotate(-6deg); } 50% { transform: translateY(calc(-50% - 8px)) rotate(6deg); } }\n.tm-total-label { font-size: 11px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 8px; position: relative; z-index: 1; }\n.tm-total-num { font-size: 72px; font-weight: 900; color: #fff; line-height: 1; position: relative; z-index: 1; letter-spacing: -3px; }\n.tm-total-unit { font-size: 28px; font-weight: 600; color: var(--accent-lt); letter-spacing: 0; margin-left: 6px; }\n.tm-total-divider { width: 44px; height: 2px; background: var(--accent); border-radius: 2px; margin: 12px 0; position: relative; z-index: 1; }\n.tm-remaining-row { display: flex; align-items: center; gap: 10px; position: relative; z-index: 1; }\n.tm-remaining-icon { width: 28px; height: 28px; border-radius: 8px; background: rgba(232,82,26,0.3); display: flex; align-items: center; justify-content: center; }\n.tm-remaining-icon svg { width: 14px; height: 14px; fill: var(--accent-lt); }\n.tm-remaining-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.45); }\n.tm-remaining-val { font-size: 20px; font-weight: 900; color: var(--accent-lt); margin-left: 4px; }\n\n\n\/* \u2500\u2500 TIME TRACKER (gauges) \u2500\u2500 *\/\n.tt-gauges-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 22px; }\n.tt-gauge-card {\n background: var(--card-warm); border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 24px 20px 20px;\n box-shadow: 0 4px 18px rgba(44,26,14,0.06);\n display: flex; flex-direction: column; align-items: center;\n position: relative; overflow: hidden;\n}\n.tt-gauge-label-top { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 18px; }\n.tt-gauge-label-top.lt-accent { color: var(--accent); }\n.tt-gauge-label-top.lt-green { color: var(--green); }\n.tt-gauge-label-top.lt-gold { color: var(--gold); }\n.tt-gauge-label-top.lt-blue { color: var(--blue); }\n.tt-gauge-label-sub-top { font-size: 10px; color: var(--mocha); font-weight: 500; margin-top: -14px; margin-bottom: 12px; text-align: center; line-height: 1.2;}\n\n\/* SVG Gauges *\/\n.tt-gauge-svg-wrap { position: relative; width: 100%; max-width: 180px; height: auto; aspect-ratio: 180\/100; margin-bottom: 6px; }\n.tt-gauge-svg { width: 100%; height: 100%; overflow: visible; }\n\n\/* Interactive Gauge Zones *\/\n.gauge-zone { cursor: pointer; }\n.gz-path { transition: stroke-width 0.2s, filter 0.2s; }\n.gauge-zone:hover .gz-path { stroke-width: 16 !important; filter: brightness(0.9); }\n.gauge-zone text { pointer-events: none; }\n\n.tt-needle-result { font-size: 18px; font-weight: 900; letter-spacing: -0.3px; text-transform: uppercase; margin-top: 8px; }\n.tt-needle-result.nr-accent { color: var(--accent); }\n.tt-needle-result.nr-green { color: var(--green); }\n.tt-needle-result.nr-gold { color: var(--gold); }\n.tt-needle-result.nr-blue { color: var(--blue); }\n.tt-needle-label { font-size: 11px; color: var(--mocha); font-weight: 500; margin-top: 3px; text-align: center;}\n\n\/* Dynamic Info display inside Gauge Card *\/\n.tt-dynamic-info {\n margin-top: 14px;\n font-size: 11px; color: var(--caramel); font-weight: 600; text-align: center;\n min-height: 28px; background: var(--cream-2); border-radius: 8px;\n padding: 6px 10px; display: flex; align-items: center; justify-content: center;\n width: 100%; border: 1.5px dashed var(--cream-border); transition: all 0.2s;\n}\n\n\/* Info Button *\/\n.tt-info-bottom { margin-top: 12px; border: 1.5px solid var(--cream-border) !important; background: var(--cream) !important; color: var(--mocha) !important; }\n.tt-info-bottom:hover { background: var(--card-mid) !important; border-color: var(--mocha) !important; }\n\n\/* Inferences *\/\n.tt-inference-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 36px; }\n.tt-inf-card {\n background: var(--card-warm); border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 26px 28px;\n box-shadow: 0 4px 18px rgba(44,26,14,0.06);\n display: flex; gap: 22px; align-items: flex-start;\n}\n.tt-inf-left { flex: 1; }\n.tt-inf-badge-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }\n.tt-inf-badge {\n width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n}\n.tt-inf-badge svg { width: 18px; height: 18px; fill: #fff; }\n.tt-inf-badge.ib-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 4px 10px rgba(232,82,26,0.28); }\n.tt-inf-badge.ib-green { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 4px 10px rgba(46,125,82,0.28); }\n.tt-inf-num { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: var(--espresso); }\n.tt-inf-text { font-size: 14px; color: var(--walnut); line-height: 1.65; font-weight: 400; }\n.tt-inf-text strong { color: var(--accent); font-weight: 800; }\n.tt-inf-text.green-accent strong { color: var(--green); }\n.tt-inf-sub { font-size: 12px; color: var(--mocha); margin-top: 8px; line-height: 1.5; }\n\n\/* Mini bar chart inside inference card *\/\n.tt-bar-chart { flex-shrink: 0; display: flex; align-items: flex-end; gap: 5px; height: 72px; }\n.tt-bar-col { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.tt-bar { width: 22px; border-radius: 4px 4px 0 0; transition: height 0.3s; }\n.tt-bar.active-accent { background: linear-gradient(180deg, var(--accent-lt), var(--accent)); }\n.tt-bar.active-green { background: linear-gradient(180deg, #22C55E, var(--green)); }\n.tt-bar.inactive { background: var(--card-mid); }\n.tt-bar-x { font-size: 9px; font-weight: 600; color: var(--mocha); text-align: center; white-space: nowrap; }\n\n\/* \u2500\u2500 TIME ANALYTICS \u2500\u2500 *\/\n.ta-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n.ta-card {\n background: var(--card-warm); border: 1.5px solid var(--cream-border);\n border-radius: 22px; overflow: hidden;\n box-shadow: 0 4px 22px rgba(44,26,14,0.07);\n display: flex; flex-direction: column;\n}\n.ta-top-strip {\n display: flex; align-items: center; justify-content: space-between;\n padding: 20px 22px 16px; border-bottom: 1.5px solid var(--cream-border);\n background: var(--card-mid);\n}\n.ta-top-left { display: flex; align-items: center; gap: 12px; }\n.ta-strip-icon { width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(44,26,14,0.15); }\n.ta-strip-icon svg { width: 19px; height: 19px; fill: #fff; }\n.ta-lag .ta-strip-icon { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 4px 10px rgba(232,82,26,0.28); }\n.ta-waste .ta-strip-icon { background: linear-gradient(135deg,var(--walnut),var(--caramel)); box-shadow: 0 4px 10px rgba(92,58,30,0.25); }\n.ta-gain .ta-strip-icon { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 4px 10px rgba(46,125,82,0.28); }\n.ta-strip-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: var(--espresso); }\n.ta-info-btn { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.18s; }\n.ta-info-btn:hover { background: var(--accent); color: #fff; border-color: var(--accent); }\n\n.ta-hero { display: flex; align-items: center; justify-content: space-between; padding: 22px 22px 18px; border-bottom: 1.5px solid var(--cream-border); gap: 16px; }\n.ta-desc-box { flex: 1; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 14px; padding: 14px 16px; }\n.ta-desc-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.8px; color: var(--mocha); margin-bottom: 6px; }\n.ta-desc-text { font-size: 12.5px; color: var(--walnut); line-height: 1.6; font-weight: 400; }\n.ta-donut-wrap { flex-shrink: 0; }\n.ta-donut-outer { position: relative; width: 90px; height: 90px; }\n.ta-donut-svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.ta-dr-bg { fill: none; stroke: var(--card-mid); stroke-width: 10; }\n.ta-dr-fg { fill: none; stroke-width: 10; stroke-dasharray: 245; stroke-linecap: round; }\n.ta-lag .ta-dr-fg { stroke: url(#rg-ta-accent); stroke-dashoffset: 122; }\n.ta-waste .ta-dr-fg { stroke: url(#rg-ta-walnut); stroke-dashoffset: 147; }\n.ta-gain .ta-dr-fg { stroke: url(#rg-ta-green); stroke-dashoffset: 98; }\n.ta-donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.ta-donut-num { font-size: 26px; font-weight: 900; line-height: 1; }\n.ta-lag .ta-donut-num { color: var(--accent); }\n.ta-waste .ta-donut-num { color: var(--walnut); }\n.ta-gain .ta-donut-num { color: var(--green); }\n.ta-donut-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--mocha); margin-top: 2px; }\n\n.ta-focus-section { padding: 16px 18px 18px; flex: 1; }\n.ta-focus-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--mocha); margin-bottom: 10px; }\n.ta-row {\n display: flex; align-items: center; justify-content: space-between;\n background: var(--cream-2); border: 1.5px solid var(--cream-border);\n border-radius: 13px; padding: 11px 14px; margin-bottom: 8px;\n transition: transform 0.18s, box-shadow 0.18s;\n}\n.ta-row:last-child { margin-bottom: 0; }\n.ta-row:hover { transform: translateX(3px); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.ta-row-left { display: flex; align-items: center; gap: 10px; flex: 1; }\n.ta-row-icon { width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.ta-row-icon svg { width: 15px; height: 15px; fill: #fff; }\n.ta-lag .ta-row-icon { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 3px 8px rgba(232,82,26,0.22); }\n.ta-waste .ta-row-icon { background: linear-gradient(135deg,var(--walnut),var(--caramel)); box-shadow: 0 3px 8px rgba(92,58,30,0.22); }\n.ta-gain .ta-row-icon { background: linear-gradient(135deg,var(--green),#22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.22); }\n.ta-row-text { min-width: 0; }\n.ta-row-title { font-size: 12.5px; font-weight: 700; color: var(--espresso); }\n.ta-row-qs { font-size: 11px; color: var(--mocha); margin-top: 1px; }\n.ta-row-right { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }\n.ta-row-info-btn { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.16s; }\n.ta-row-info-btn:hover { background: var(--card-mid); }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1100px) {\n .sp-grid { grid-template-columns: 1fr; }\n .sp-blocks { grid-template-columns: 1fr; }\n .at-row-1 { grid-template-columns: 1fr; }\n .at-row-2 { grid-template-columns: 1fr; }\n .tm-top-layout { grid-template-columns: 1fr; }\n .tt-gauges-row { grid-template-columns: repeat(2, 1fr); }\n .tt-inference-row { grid-template-columns: 1fr; }\n .ta-cols { grid-template-columns: 1fr; }\n}\n@media (max-width: 760px) {\n .wrapper { padding: 22px 18px 36px; border-radius: 18px; }\n .sa-cols { grid-template-columns: 1fr; }\n .sm-grid { grid-template-columns: 1fr; }\n .tm-tiles-grid { grid-template-columns: 1fr; }\n .tt-gauges-row { grid-template-columns: 1fr; }\n .dash-header { flex-direction: column; gap: 14px; align-items: flex-start; }\n .nav-menu { overflow-x: auto; }\n}\n\n@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n.dash-header { animation: fadeUp 0.4s ease both 0.05s; }\n.nav-menu { animation: fadeUp 0.4s ease both 0.12s; }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrapper\">\n\n <header class=\"dash-header\">\n <div class=\"dash-logo\">\n <div class=\"dash-logo-mark\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13.5 2c-5.621 0-10.211 4.443-10.475 10h-3.025l5 6.625 5-6.625h-2.975c.257-3.351 3.06-6 6.475-6 3.584 0 6.5 2.916 6.5 6.5s-2.916 6.5-6.5 6.5c-1.863 0-3.542-.793-4.728-2.053l-2.427 3.216c1.877 1.754 4.389 2.837 7.155 2.837 5.79 0 10.5-4.71 10.5-10.5s-4.71-10.5-10.5-10.5z\"><\/path><\/svg>\n <\/div>\n <div class=\"dash-title-wrap\">\n <h1>Launchpad <span>360<\/span><\/h1>\n <p>Performance Intelligence Dashboard<\/p>\n <\/div>\n <\/div>\n <div class=\"dash-date\">\ud83d\udcc5 Last Updated: Jun 2, 2025<\/div>\n <\/header>\n\n <nav class=\"nav-menu\">\n <button class=\"nav-item active\" data-tab=\"score-matrix\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"><\/path><\/svg>\n Score Matrix\n <\/button>\n <div class=\"nav-sep\"><\/div>\n <button class=\"nav-item\" data-tab=\"time-matrix\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n Time Matrix\n <\/button>\n <\/nav>\n\n <div class=\"tab-panel active\" id=\"tab-score-matrix\">\n\n <div class=\"section-header\">\n <h2>Score <em>Matrix<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"sm-grid\">\n <div class=\"card\">\n <div class=\"info-card-inner\">\n <div class=\"info-card-top\">\n <div class=\"info-hex\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14H7v-2h3v2zm0-4H7v-2h3v2zm4 4h-3v-2h3v2zm0-4h-3v-2h3v2z\"><\/path><\/svg>\n <\/div>\n <div class=\"score-info-title\">\n <span class=\"si-badge\">01<\/span>\n <div class=\"si-heading\"><span class=\"t-dark\">Score <\/span><span class=\"t-accent\">Info<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-grid\">\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-blue\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 14H7v-2h10v2zm0-4H7v-2h10v2zm-3-4H7V7h7v2z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Attempted<\/div>\n <div class=\"info-stat-num isn-blue\">48<\/div>\n <div class=\"info-stat-sub\">Questions Total<\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-green\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Correct<\/div>\n <div class=\"info-stat-num isn-green\">42<\/div>\n <div class=\"info-stat-sub\">Answered Right<\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-red\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Wrong<\/div>\n <div class=\"info-stat-num isn-red\">06<\/div>\n <div class=\"info-stat-sub\">Need Review<\/div>\n <\/div>\n <\/div>\n <div class=\"info-stat-item\">\n <div class=\"info-stat-icon isi-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path><\/svg><\/div>\n <div class=\"info-stat-body\">\n <div class=\"info-stat-label\">Skipped<\/div>\n <div class=\"info-stat-num isn-gold\">02<\/div>\n <div class=\"info-stat-sub\">Left Unanswered<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card score-card\">\n <div class=\"sc-eyebrow\">TOTAL SCORE<\/div>\n <div class=\"sc-score\">85<sup>\/100<\/sup><\/div>\n <div class=\"sc-divider\"><\/div>\n <div class=\"sc-sub\">Outstanding Performance<\/div>\n <a href=\"#\" class=\"sc-future-btn sc-future-btn-nav\" data-target-tab=\"score-matrix\" data-target-section=\"score-prediction\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n Know Your Future Score\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Accuracy <em>Tracker<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <div class=\"at-row-1\">\n <div class=\"card\">\n <div class=\"card-hd\" style=\"margin-bottom:26px;\">\n <div class=\"card-hd-icon chi-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\n <\/div>\n <div><div class=\"ch-title\">Test Accuracy<\/div><\/div>\n <\/div>\n <div class=\"donut-wrap\">\n <div class=\"donut-outer\">\n <svg class=\"donut-svg\" viewBox=\"0 0 182 182\">\n <defs>\n <linearGradient id=\"rg-warm\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#E8521A\"><\/stop><stop offset=\"100%\" stop-color=\"#FF7B3A\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle class=\"dr-bg\" cx=\"91\" cy=\"91\" r=\"85\"><\/circle>\n <circle class=\"dr-fg\" cx=\"91\" cy=\"91\" r=\"85\"><\/circle>\n <\/svg>\n <div class=\"donut-center\">\n <div class=\"donut-pct\">70<sup>%<\/sup><\/div>\n <div class=\"donut-caption\">Accuracy<\/div>\n <\/div>\n <\/div>\n <div class=\"tip-box\">\n <div class=\"tip-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <p>Keep it up! You’re on the right track to hit 80% by month end.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"chart-card-head\">\n <div class=\"card-hd\" style=\"margin-bottom:0\">\n <div class=\"card-hd-icon chi-espresso\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg>\n <\/div>\n <div>\n <div class=\"ch-title\">Accuracy Map<\/div>\n <div class=\"ch-sub\">Your time-on-task trend over 6 sessions<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-area\"><canvas id=\"accChart\"><\/canvas><\/div>\n <div class=\"chart-note\">Your <strong>focused study time<\/strong> improved consistently across the last <strong>6 sessions<\/strong>, reaching <strong>54 min<\/strong> in the most recent session. Keep the momentum going!<\/div>\n <\/div>\n <\/div>\n <div class=\"at-row-2\">\n <div class=\"sp-info-card\">\n <p class=\"sp-info-desc\">This section provides a strategic review of your test performance. By analysing your current trends, test consistency, and topic-level accuracy, our AI identifies key areas for improvement and formulates a plan to help you achieve your targets.<\/p>\n <\/div>\n <div class=\"sp-score-tile has-pred\">\n <div class=\"sp-sheen\"><\/div>\n <span class=\"sp-star s1\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s3\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s4\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s5\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s6\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <div class=\"sp-score-eyebrow\">PREDICTED ACCURACY<\/div>\n <div class=\"sp-score-num\">73<span>%<\/span><\/div>\n <div class=\"sp-score-sub\">Based on current performance trend<\/div>\n <\/div>\n <\/div>\n <div class=\"sp-blocks\" style=\"margin-bottom: 32px;\">\n <div class=\"sp-block sp-inference\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Inference<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(107,53,196,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(107,53,196,0.10)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\" style=\"padding: 24px; display: block; height: 100%;\"><p style=\"font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 500; margin: 0;\">Based on your recent performance trend, consistency, and test attempts, your accuracy is predicted to improve steadily. You show <strong style=\"color: var(--accent);\">strong foundational knowledge<\/strong> in core areas with clear upward momentum.<\/p><\/div>\n <\/div>\n <div class=\"sp-block sp-suggest\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Action Plan<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(46,125,82,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(46,125,82,0.10)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\" style=\"padding: 24px; display: block; height: 100%;\"><p style=\"font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 500; margin: 0;\">Focus on weak topics, solve more PYQs, and <strong style=\"color: var(--accent);\">analyze mistakes deeply<\/strong> rather than just memorizing answers. Maintain regular practice to achieve higher accuracy targets consistently.<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Score <em>Analytics<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <div class=\"sa-cols\">\n <div class=\"sa-card sa-missed\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"><\/path><\/svg><\/div>\n <span class=\"sa-strip-title\">Missed Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions you answered incorrectly. Reviewing these helps identify weak areas and patterns in your mistakes.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">20<\/div><div class=\"sa-circle-label\">Missed<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-.5-13H13v6l5.25 3.15-.75 1.23L11.5 14V7z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Fatigue Miss<\/div><div class=\"sa-row-sub\">Q1, Q4, Q7<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">3<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-walnut\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Error Decision Miss<\/div><div class=\"sa-row-sub\">Q2, Q8, Q11, Q13, Q17, Q18<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">6<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-espresso\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Panic Miss<\/div><div class=\"sa-row-sub\">Q3, Q9, Q10, Q14, Q19, Q20, Q22<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">7<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-mocha\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Basic Concept Miss<\/div><div class=\"sa-row-sub\">Q5, Q12, Q15<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">3<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-accent2\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18V17h2v-4.82L9 13.36V17h6v-3.64l2-1.18V17h2v-5.82L23 9 12 3zm6 8.18L12 14 6 11.18V9.09L12 12l6-2.91v2.09z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Advanced Concept Miss<\/div><div class=\"sa-row-sub\">Q6, Q16<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">1<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"sa-card sa-luck\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1-2.3A4.49 4.49 0 0 0 8 20C19 20 22 3 22 3c-1 2-8 2-8 2s4-4 3-7c-3 2-4.5 5-4.5 5S17 0 12 0C10 4 13 8 17 8z\"><\/path><\/svg><\/div>\n <span class=\"sa-strip-title\">Luck Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions you got right by chance without strong knowledge. These are fragile wins \u2014 understanding them deeply turns luck into genuine ability.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">33<\/div><div class=\"sa-circle-label\">Luck<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Decision Luck<\/div><div class=\"sa-row-sub\">Q2, Q8<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">2<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Fortune Luck<\/div><div class=\"sa-row-sub\">Q4, Q6, Q12, Q15, Q21, Q23<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">6<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-mocha\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Confidence Luck<\/div><div class=\"sa-row-sub\">Q1, Q3, Q5, Q7, Q9, Q10, Q18<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">7<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"sa-card sa-memory\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg><\/div>\n <span class=\"sa-strip-title\">Memory Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions answered correctly from memory and retention. This measures your recall strength \u2014 the more here, the better your long-term learning.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">35<\/div><div class=\"sa-circle-label\">Memory<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Quick Recall Memory<\/div><div class=\"sa-row-sub\">Q2, Q5, Q11, Q14, Q19<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">5<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Short Term Memory<\/div><div class=\"sa-row-sub\">Q3, Q4, Q6, Q8, Q12, Q15, Q16, Q20, Q22<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">9<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-walnut\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Smart Recall Memory<\/div><div class=\"sa-row-sub\">Q1, Q7, Q9, Q10, Q13, Q17, Q18, Q21<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">8<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-header\" id=\"score-prediction\">\n <h2 class=\"sub-heading\">Score <em>Prediction<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <div class=\"sp-toggle-row\">\n <span class=\"sp-toggle-label\">Preview state:<\/span>\n <div class=\"sp-toggle\">\n <button class=\"sp-toggle-btn active-state\" id=\"btnHas\" onclick=\"setScoreState(true)\">\u2726 Has Prediction<\/button>\n <button class=\"sp-toggle-btn\" id=\"btnNo\" onclick=\"setScoreState(false)\">\u2715 No Prediction<\/button>\n <\/div>\n <\/div>\n <div class=\"sp-grid\">\n <div class=\"sp-info-card\">\n <p class=\"sp-info-desc\">Score prediction means the ability to estimate outcomes accurately using intelligent analytics. Enter your input values and suggestions below to generate a personalised forecast for your next assessment. Our AI engine analyses your past performance trends, mistake patterns, and practice frequency to compute a reliable score range \u2014 helping you set realistic goals and optimise your preparation strategy before the exam.<\/p>\n <\/div>\n <div class=\"sp-score-tile has-pred sp-state-has\" id=\"tileHas\">\n <div class=\"sp-sheen\"><\/div>\n <span class=\"sp-star s1\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s3\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s4\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s5\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star s6\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <div class=\"sp-score-eyebrow\">PREDICTED SCORE<\/div>\n <div class=\"sp-score-num\">78<span>\/250<\/span><\/div>\n <div class=\"sp-score-sub\">Based on current performance trend<\/div>\n <\/div>\n <div class=\"sp-score-tile no-pred sp-state-no hidden\" id=\"tileNo\">\n <span class=\"sp-star-red sr1\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr2\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr4\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <span class=\"sp-star-red sr5\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"><\/path><\/svg><\/span>\n <div class=\"sp-no-pred-content\">\n <div class=\"sp-no-pred-icon-wrap\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"><\/path><\/svg><\/div>\n <div class=\"sp-no-pred-label\">No Prediction<\/div>\n <div class=\"sp-no-pred-sub\">Enter inputs below to generate your forecast<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sp-blocks\">\n <div class=\"sp-block sp-inference\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Inference<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(107,53,196,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\">\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">1<\/div><span class=\"sp-input-text\">Enter Input Value<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">2<\/div><span class=\"sp-input-text\">Enter Input Value<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"sp-block sp-suggest\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\"><svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <span class=\"sp-block-title\">Suggestions<\/span>\n <div class=\"sp-block-wave\"><svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\"><path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(46,125,82,0.18)\" stroke-width=\"2\" fill=\"none\"><\/path><\/svg><\/div>\n <\/div>\n <div class=\"sp-inputs\">\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">3<\/div><span class=\"sp-input-text\">Enter Suggestion<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <div class=\"sp-input-row\"><div class=\"sp-input-num\">4<\/div><span class=\"sp-input-text\">Enter Suggestion<\/span><div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"><\/path><\/svg><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><div class=\"tab-panel\" id=\"tab-time-matrix\">\n\n <div class=\"section-header\" style=\"margin-top: 8px;\">\n <h2>Time <em>Matrix<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <p style=\"font-size:14px;color:var(--mocha);margin-bottom:36px;font-weight:400;\">Analyze your time performance in detail<\/p>\n\n <div class=\"section-header\" style=\"margin-top:0;\">\n <h2 class=\"sub-heading\">Time <em>Info<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"tm-top-layout\">\n \n <div class=\"tm-tiles-grid\">\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Total Time<\/div>\n <div class=\"tm-stat-num tsn-accent\">50 <span class=\"tm-stat-unit\">MIN<\/span><\/div>\n <div class=\"tm-stat-sub\">Total amount of time allocated for the assessment.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-walnut\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Time Remaining<\/div>\n <div class=\"tm-stat-num tsn-walnut\">10 <span class=\"tm-stat-unit\">MIN<\/span><\/div>\n <div class=\"tm-stat-sub\">Time still remaining to complete the assessment.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-green\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Max Time per Question<\/div>\n <div class=\"tm-stat-num tsn-green\">2.00 <span class=\"tm-stat-unit\">MIN<\/span><\/div>\n <div class=\"tm-stat-sub\">Maximum amount of time consumed for a question.<\/div>\n <div class=\"tm-stat-tag\">Q3<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\">\n <div class=\"tm-stat-icon tsi-mocha\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Min Time per Question<\/div>\n <div class=\"tm-stat-num tsn-mocha\">0.30 <span class=\"tm-stat-unit\">SEC<\/span><\/div>\n <div class=\"tm-stat-sub\">Minimum amount of time consumed for a question.<\/div>\n <div class=\"tm-stat-tag\">Q2<\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-stat-tile\" style=\"grid-column: 1 \/ -1;\">\n <div class=\"tm-stat-icon tsi-gold\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path><\/svg>\n <\/div>\n <div class=\"tm-stat-body\">\n <div class=\"tm-stat-label\">Average Time per Question<\/div>\n <div class=\"tm-stat-num tsn-gold\">48 <span class=\"tm-stat-unit\">SEC<\/span><\/div>\n <div class=\"tm-stat-sub\">Average time spent per question across the entire assessment.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tm-total-card\">\n <div class=\"tm-hourglass-float\">\u23f3<\/div>\n <div class=\"tm-total-label\">TOTAL TIME<\/div>\n <div class=\"tm-total-num\">50<span class=\"tm-total-unit\">MIN<\/span><\/div>\n <div class=\"tm-total-divider\"><\/div>\n <div class=\"tm-remaining-row\">\n <div class=\"tm-remaining-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n <\/div>\n <span class=\"tm-remaining-label\">TIME REMAINING<\/span>\n <span class=\"tm-remaining-val\">10 MIN<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Time <em>Tracker<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <p style=\"font-size:13px;color:var(--mocha);margin-bottom:24px;\">Track your speed and accuracy to understand your performance better.<\/p>\n\n <div class=\"tt-gauges-row\">\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-accent\">ATTEMPT RATE<\/div>\n <div class=\"tt-gauge-label-sub-top\">Speed of Attempting<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: 12 Questions attempted quickly.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Most attempts fall in this optimal zone.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#E8521A\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: 5 Questions took longer to attempt.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: 2 Questions were severely delayed.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"52\" y2=\"35\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"var(--accent)\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-accent\">HIGH<\/div>\n <div class=\"tt-needle-label\">Attempt Rate<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-green\">CORRECT ANSWER RATE<\/div>\n <div class=\"tt-gauge-label-sub-top\">Accuracy of Answers<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: 20 correct answers generated here.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#2E7D52\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Steady accuracy rate maintained.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: Accuracy drops as time increases.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: High chance of errors detected.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"48\" y2=\"48\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#2E7D52\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-green\">HIGH<\/div>\n <div class=\"tt-needle-label\">Correct Answer<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-gold\">AVERAGE TIME<\/div>\n <div class=\"tt-gauge-label-sub-top\">Time Spent per Question<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: Lower average indicates rushing.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Ideal average time per question.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#C98B2B\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: Slightly above average timing.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: Time penalty zone.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"65\" y2=\"28\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#C98B2B\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-gold\">48 SEC<\/div>\n <div class=\"tt-needle-label\">Average Time<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <div class=\"tt-gauge-card\">\n <div class=\"tt-gauge-label-top lt-blue\">ATTEMPT CORRECT TIME<\/div>\n <div class=\"tt-gauge-label-sub-top\">Time for Right Answers<\/div>\n <div class=\"tt-gauge-svg-wrap\">\n <svg class=\"tt-gauge-svg\" viewBox=\"0 0 180 100\">\n <path d=\"M 20 90 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#F5E9D8\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n \n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '0-30 SEC: Rapid accurate responses.')\">\n <path class=\"gz-path\" d=\"M 20 90 A 70 70 0 0 1 46 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"16\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">0-30<\/text>\n <text x=\"16\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '30-60 SEC: Methodical & accurate calculations.')\">\n <path class=\"gz-path\" d=\"M 46 37 A 70 70 0 0 1 90 20\" fill=\"none\" stroke=\"#1B4F8A\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"34\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">30-60<\/text>\n <text x=\"34\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '60-90 SEC: Safe but slow verification.')\">\n <path class=\"gz-path\" d=\"M 90 20 A 70 70 0 0 1 134 37\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"146\" y=\"38\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">60-90<\/text>\n <text x=\"146\" y=\"46\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n <g class=\"gauge-zone\" onclick=\"showGaugeInfo(this, '>90 SEC: Long time spent to get it right.’)”>\n <path class=\"gz-path\" d=\"M 134 37 A 70 70 0 0 1 160 90\" fill=\"none\" stroke=\"#EDD9C0\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n <text x=\"164\" y=\"86\" font-size=\"8\" fill=\"#8A5C3C\" font-family=\"Inter\" font-weight=\"600\" text-anchor=\"middle\">>90<\/text>\n <text x=\"164\" y=\"94\" font-size=\"6\" fill=\"#8A5C3C\" font-family=\"Inter\" text-anchor=\"middle\">SEC<\/text>\n <\/g>\n\n <line x1=\"90\" y1=\"90\" x2=\"72\" y2=\"24\" stroke=\"#2C1A0E\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"6\" fill=\"#2C1A0E\"\/>\n <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#1B4F8A\"\/>\n <\/svg>\n <\/div>\n <div class=\"tt-needle-result nr-blue\">35 SEC<\/div>\n <div class=\"tt-needle-label\">Right Answer Time<\/div>\n <div class=\"tt-dynamic-info\">Select a zone for more details<\/div>\n <button class=\"ta-info-btn tt-info-bottom\">i<\/button>\n <\/div>\n\n <\/div>\n\n <div class=\"tt-inference-row\">\n <div class=\"tt-inf-card\">\n <div class=\"tt-inf-left\">\n <div class=\"tt-inf-badge-row\">\n <div class=\"tt-inf-badge ib-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg>\n <\/div>\n <div class=\"tt-inf-num\">INFERENCE 01<\/div>\n <\/div>\n <div class=\"tt-inf-text\">High time attempt rate occurs in <strong>30 to 60 sec<\/strong><\/div>\n <div class=\"tt-inf-sub\">Low attempt rate occurs is above 90 sec<\/div>\n <\/div>\n <div class=\"tt-bar-chart\">\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:28px;\"><\/div><div class=\"tt-bar-x\">0-30<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar active-accent\" style=\"height:60px;\"><\/div><div class=\"tt-bar-x\">30-60<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:40px;\"><\/div><div class=\"tt-bar-x\">60-90<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:18px;\"><\/div><div class=\"tt-bar-x\">>90<br>SEC<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"tt-inf-card\">\n <div class=\"tt-inf-left\">\n <div class=\"tt-inf-badge-row\">\n <div class=\"tt-inf-badge ib-green\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg>\n <\/div>\n <div class=\"tt-inf-num\">INFERENCE 02<\/div>\n <\/div>\n <div class=\"tt-inf-text green-accent\">High correct answer appears in <strong>0 to 30 sec<\/strong><\/div>\n <div class=\"tt-inf-sub\">Low correct answer appears in 30 to 60 sec<\/div>\n <\/div>\n <div class=\"tt-bar-chart\">\n <div class=\"tt-bar-col\"><div class=\"tt-bar active-green\" style=\"height:58px;\"><\/div><div class=\"tt-bar-x\">0-30<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:36px;\"><\/div><div class=\"tt-bar-x\">30-60<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:22px;\"><\/div><div class=\"tt-bar-x\">60-90<br>SEC<\/div><\/div>\n <div class=\"tt-bar-col\"><div class=\"tt-bar inactive\" style=\"height:12px;\"><\/div><div class=\"tt-bar-x\">>90<br>SEC<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Time <em>Analytics<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n <p style=\"font-size:13px;color:var(--mocha);margin-bottom:24px;\">Gain clarity on how your time is performing across key areas<\/p>\n\n <div class=\"ta-cols\">\n <div class=\"ta-card ta-lag\">\n <div class=\"ta-top-strip\">\n <div class=\"ta-top-left\">\n <div class=\"ta-strip-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"><\/path><\/svg>\n <\/div>\n <span class=\"ta-strip-title\">TIME LAG & FOCUS AREAS<\/span>\n <\/div>\n <button class=\"ta-info-btn\">i<\/button>\n <\/div>\n <div class=\"ta-hero\">\n <div class=\"ta-desc-box\">\n <div class=\"ta-desc-label\">Description<\/div>\n <div class=\"ta-desc-text\">Time Lag includes delays in starting, switching, or responding. These gaps can slow you down and affect overall efficiency.<\/div>\n <\/div>\n <div class=\"ta-donut-wrap\">\n <div class=\"ta-donut-outer\">\n <svg class=\"ta-donut-svg\" viewBox=\"0 0 90 90\">\n <defs>\n <linearGradient id=\"rg-ta-accent\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#E8521A\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#FF7B3A\"><\/stop>\n <\/linearGradient>\n <linearGradient id=\"rg-ta-walnut\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#5C3A1E\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#C4855A\"><\/stop>\n <\/linearGradient>\n <linearGradient id=\"rg-ta-green\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#2E7D52\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#22C55E\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle class=\"ta-dr-bg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <circle class=\"ta-dr-fg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <\/svg>\n <div class=\"ta-donut-center\">\n <div class=\"ta-donut-num\">—<\/div>\n <div class=\"ta-donut-label\">LAG<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ta-focus-section\">\n <div class=\"ta-focus-label\">FOCUS AREAS<\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Basic Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Multiple Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Analytical Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ta-card ta-waste\">\n <div class=\"ta-top-strip\">\n <div class=\"ta-top-left\">\n <div class=\"ta-strip-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n <\/div>\n <span class=\"ta-strip-title\">TIME WASTE<\/span>\n <\/div>\n <button class=\"ta-info-btn\">i<\/button>\n <\/div>\n <div class=\"ta-hero\">\n <div class=\"ta-desc-box\">\n <div class=\"ta-desc-label\">Description<\/div>\n <div class=\"ta-desc-text\">Time Waste shows time spent on low-impact activities or mistakes that didn’t add value to your performance. Reducing this helps you work smarter.<\/div>\n <\/div>\n <div class=\"ta-donut-wrap\">\n <div class=\"ta-donut-outer\">\n <svg class=\"ta-donut-svg\" viewBox=\"0 0 90 90\">\n <circle class=\"ta-dr-bg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <circle class=\"ta-dr-fg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <\/svg>\n <div class=\"ta-donut-center\">\n <div class=\"ta-donut-num\">—<\/div>\n <div class=\"ta-donut-label\">WASTE<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ta-focus-section\">\n <div class=\"ta-focus-label\">FOCUS AREAS<\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Basic Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q3, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Multiple Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q3, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Analytical Questions<\/div><div class=\"ta-row-qs\">Q1, Q3, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ta-card ta-gain\">\n <div class=\"ta-top-strip\">\n <div class=\"ta-top-left\">\n <div class=\"ta-strip-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg>\n <\/div>\n <span class=\"ta-strip-title\">TIME GAIN<\/span>\n <\/div>\n <button class=\"ta-info-btn\">i<\/button>\n <\/div>\n <div class=\"ta-hero\">\n <div class=\"ta-desc-box\">\n <div class=\"ta-desc-label\">Description<\/div>\n <div class=\"ta-desc-text\">Time Gain reflects productive and high-impact time you used effectively to solve questions and move closer to your goals.<\/div>\n <\/div>\n <div class=\"ta-donut-wrap\">\n <div class=\"ta-donut-outer\">\n <svg class=\"ta-donut-svg\" viewBox=\"0 0 90 90\">\n <circle class=\"ta-dr-bg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <circle class=\"ta-dr-fg\" cx=\"45\" cy=\"45\" r=\"39\"><\/circle>\n <\/svg>\n <div class=\"ta-donut-center\">\n <div class=\"ta-donut-num\">—<\/div>\n <div class=\"ta-donut-label\">GAIN<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ta-focus-section\">\n <div class=\"ta-focus-label\">FOCUS AREAS<\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Basic Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Multiple Concept Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <div class=\"ta-row\">\n <div class=\"ta-row-left\">\n <div class=\"ta-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"><\/path><\/svg><\/div>\n <div class=\"ta-row-text\"><div class=\"ta-row-title\">Analytical Questions<\/div><div class=\"ta-row-qs\">Q1, Q2, Q4<\/div><\/div>\n <\/div>\n <div class=\"ta-row-right\"><button class=\"ta-row-info-btn\">i<\/button><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><\/div><script>\n\/\/ \u2500\u2500 1. Navigation \/ Tab Switching Logic \u2500\u2500\nconst navBtns = document.querySelectorAll('.nav-item[data-tab]');\nconst panels = document.querySelectorAll('.tab-panel');\n\nnavBtns.forEach(btn => {\n btn.addEventListener('click', function () {\n navBtns.forEach(b => b.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n this.classList.add('active');\n \n const targetId = 'tab-' + this.dataset.tab;\n const targetPanel = document.getElementById(targetId);\n if (targetPanel) {\n targetPanel.classList.add('active');\n if (this.dataset.tab === 'score-matrix') initAccChart();\n }\n });\n});\n\n\/\/ Smooth scroll for future score button\ndocument.querySelector('.sc-future-btn')?.addEventListener('click', function(e) {\n e.preventDefault();\n document.getElementById('score-prediction')?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n});\n\n\/\/ \u2500\u2500 2. Interactive Gauge Logic \u2500\u2500\nwindow.showGaugeInfo = function(element, infoText) {\n \/\/ Find the closest card\n const card = element.closest('.tt-gauge-card');\n if (card) {\n \/\/ Update the dynamic text\n const infoDiv = card.querySelector('.tt-dynamic-info');\n if (infoDiv) {\n infoDiv.textContent = infoText;\n infoDiv.style.color = 'var(--espresso)';\n infoDiv.style.borderColor = 'var(--accent)';\n infoDiv.style.background = 'var(--cream)';\n }\n\n \/\/ Reset stroke widths on all paths in this card\n const allPaths = card.querySelectorAll('.gz-path');\n allPaths.forEach(p => p.style.strokeWidth = '12');\n\n \/\/ Make the clicked path thicker\n const targetPath = element.querySelector('.gz-path');\n if (targetPath) {\n targetPath.style.strokeWidth = '16';\n }\n }\n};\n\n\/\/ \u2500\u2500 3. Score Prediction Toggle \u2500\u2500\nwindow.setScoreState = function(hasPred) {\n const tileHas = document.getElementById('tileHas');\n const tileNo = document.getElementById('tileNo');\n const btnHas = document.getElementById('btnHas');\n const btnNo = document.getElementById('btnNo');\n\n if (hasPred) {\n tileHas.classList.remove('hidden');\n tileNo.classList.add('hidden');\n btnHas.classList.add('active-state');\n btnNo.classList.remove('no-state');\n } else {\n tileHas.classList.add('hidden');\n tileNo.classList.remove('hidden');\n btnNo.classList.add('no-state');\n btnHas.classList.remove('active-state');\n }\n}\n\n\/\/ \u2500\u2500 4. Accuracy Chart Initialization \u2500\u2500\nlet accChartInstance = null;\n\nfunction initAccChart() {\n const ctx = document.getElementById('accChart');\n if (!ctx) return;\n if (accChartInstance) accChartInstance.destroy();\n\n accChartInstance = new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['0','10','20','30','40','50','60'],\n datasets: [{\n data: [45, 52, 58, 63, 67, 70, 75],\n borderColor: '#E8521A', borderWidth: 2.5,\n pointBackgroundColor: '#E8521A', pointBorderColor: '#fff',\n pointBorderWidth: 2.5, pointRadius: 5, pointHoverRadius: 8,\n fill: true,\n backgroundColor: c => {\n const g = c.chart.ctx.createLinearGradient(0,0,0,255);\n g.addColorStop(0,'rgba(232,82,26,0.14)');\n g.addColorStop(1,'rgba(232,82,26,0.00)');\n return g;\n },\n tension: 0.42\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n backgroundColor: '#2C1A0E', titleColor: '#FFF8F0', bodyColor: '#C4855A',\n padding: 12, borderColor: 'rgba(232,82,26,0.35)', borderWidth: 1,\n callbacks: { label: v => ' ' + v.raw + '%' }\n }\n },\n scales: {\n x: { grid: { display: false }, border: { display: false }, ticks: { font: { size: 12, family: 'Inter', weight: '500' }, color: '#8A5C3C' } },\n y: { min: 0, max: 100, grid: { color: '#EDD9C0' }, border: { display: false }, ticks: { font: { size: 12, family: 'Inter', weight: '500' }, color: '#8A5C3C', stepSize: 20, padding: 8 } }\n }\n },\n plugins: [{\n afterDatasetsDraw(chart) {\n const { ctx: c, data: d, scales: { x, y } } = chart;\n d.datasets[0].data.forEach((val, i) => {\n const xp = x.getPixelForValue(i), yp = y.getPixelForValue(val);\n const isLast = i === d.datasets[0].data.length - 1;\n c.save();\n if (isLast) {\n c.fillStyle = '#E8521A';\n c.beginPath();\n const w = 50, h = 25, rx2 = xp - w\/2, ry2 = yp - 42;\n c.roundRect(rx2, ry2, w, h, 6); c.fill();\n c.fillStyle = '#fff'; c.font = '700 12px Inter';\n c.textAlign = 'center'; c.fillText(val+'%', xp, ry2+16);\n c.fillStyle = '#E8521A'; c.beginPath();\n c.moveTo(xp-5, ry2+h); c.lineTo(xp+5, ry2+h); c.lineTo(xp, ry2+h+7);\n c.closePath(); c.fill();\n } else {\n c.fillStyle = '#5C3A1E'; c.font = '600 11px Inter';\n c.textAlign = 'center'; c.fillText(val+'%', xp, yp-14);\n }\n c.restore();\n });\n }\n }]\n });\n}\n\n\/\/ Initialize on page load\ninitAccChart();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Launchpad 360 \u2013 Dashboard Launchpad 360 Performance Intelligence Dashboard \ud83d\udcc5 Last Updated: Jun 2, 2025 Score Matrix Time Matrix Score […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","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":""},"class_list":["post-217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=217"}],"version-history":[{"count":15,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/cuetexamsnta.massgraduates.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}