Chizzy Nwaokolie

.tpl1-inline-cbfb1e93 { max-width:1100px;margin:0 auto;padding:20px;box-sizing:border-box; } .tpl1-inline-9f99e285 { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px; } .tpl1-inline-2835ba89 { font-size:1.3rem;margin:0; } .tpl1-inline-43377ffa { font-size:0.85rem;color:var(--main-link);text-decoration:none; } .tpl1-inline-9e966f9e { display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:24px; } .tpl1-inline-d922e439 { background:var(--header-search-bg);border-radius:10px;padding:14px;text-align:center; } .tpl1-inline-891a8650 { font-size:1.4rem;font-weight:700; } .tpl1-inline-e363eb98 { font-size:0.78rem;color:var(--body-color); } .tpl1-inline-35a430c8 { font-size:1.4rem;font-weight:700;color:#16a34a; } .tpl1-inline-c36369c0 { font-size:1.4rem;font-weight:700;color:#dc2626; } .tpl1-inline-f2e4d825 { font-size:1.05rem;margin:0 0 10px; } .tpl1-inline-2ad51511 { overflow-x:auto;margin-bottom:28px; } .tpl1-inline-32d39d7a { width:100%;border-collapse:collapse; } .tpl1-inline-2f8c8787 { text-align:left;border-bottom:1px solid var(--border-divider-2); } .tpl1-inline-2dd439e1 { padding:8px; } .tpl1-inline-bb33e64d { border-bottom:1px solid var(--header-search-bg); } .tpl1-inline-630866b8 { padding:8px;font-weight:600; } .tpl1-inline-4ca7474c { display:flex;align-items:center;gap:8px; } .tpl1-inline-a3b784ca { width:26px;height:26px;border-radius:50%;object-fit:cover; } .tpl1-inline-427bf066 { width:26px;height:26px;border-radius:50%;background:var(--border-divider-2);display:flex;align-items:center;justify-content:center; } .tpl1-inline-8879aa1f { color:var(--body-color);font-size:0.78rem; } .tpl1-inline-2044e88f { color:var(--body-color);font-size:0.9rem;margin-bottom:28px; } .tpl1-inline-77c8140b { overflow-x:auto; } .tpl1-inline-54f48657 { padding:8px;font-size:0.82rem;color:var(--body-color);white-space:nowrap; } .tpl1-inline-2cc4cb92 { font-size:0.8rem;color:var(--main-link);text-decoration:none; } .tpl1-inline-8a7e069c { color:var(--border-divider-2); } .tpl1-inline-14e87c7e { margin-top:16px;display:flex;gap:6px;flex-wrap:wrap; } /* ===== TPL2 CREATOR DASHBOARD ===== */ /* ── Creator Dashboard ───────────────────────────────────────────── */ /* force wrap to fit inside Sngine's content column */ .cd-wrap { max-width: 100%; padding: 16px; box-sizing: border-box; } /* stats grid — fewer columns so it doesn't overflow */ .cd-stats { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } .cd-wrap { max-width: 1100px; margin: 0 auto; padding: 24px 16px 48px; } /* page header row */ .cd-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; flex-wrap: wrap; gap: 12px; } .cd-header h1 { font-size: 1.5rem; font-weight: 700; margin: 0; } .cd-header-actions { display: flex; gap: 10px; flex-wrap: wrap; } /* ── Stats strip ─────────────────────────────────────────────────── */ .cd-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin-bottom: 32px; } .cd-stat { background: var(--body-bg); border: 1px solid var(--border-divider-2); border-radius: 10px; padding: 18px 16px 14px; text-align: center; } .cd-stat__value { font-size: 1.75rem; font-weight: 700; line-height: 1; color: var(--main-link); margin-bottom: 6px; } .cd-stat__value--warn { color: #dc2626; } .cd-stat__value--muted { color: var(--body-color); } .cd-stat__label { font-size: 0.78rem; color: var(--body-color); text-transform: uppercase; letter-spacing: 0.04em; } /* ── Filter bar ──────────────────────────────────────────────────── */ .cd-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; align-items: center; } .cd-filter-btn { padding: 6px 16px; border-radius: 20px; border: 1px solid var(--border-divider-2); background: var(--body-bg); font-size: 0.85rem; cursor: pointer; color: var(--body-color); text-decoration: none; transition: background 0.15s, color 0.15s; } .cd-filter-btn:hover, .cd-filter-btn.active { background: var(--main-link); color: #fff; border-color: var(--main-link); } /* ── Exam list ───────────────────────────────────────────────────── */ .cd-exam-list { display: flex; flex-direction: column; gap: 14px; } .cd-exam-card { background: var(--body-bg); border: 1px solid var(--border-divider-2); border-radius: 10px; display: flex; gap: 16px; padding: 16px; align-items: flex-start; flex-wrap: wrap; } .cd-exam-thumb { width: 80px; height: 60px; border-radius: 6px; object-fit: cover; flex-shrink: 0; background: var(--border-divider-2); } .cd-exam-thumb--placeholder { width: 80px; height: 60px; border-radius: 6px; background: var(--border-divider-2); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: var(--text-muted, #9ca3af); } .cd-exam-body { flex: 1; min-width: 0; } .cd-exam-title { font-size: 1rem; font-weight: 600; margin: 0 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cd-exam-meta { font-size: 0.8rem; color: var(--body-color); margin-bottom: 10px; } .cd-exam-stats { display: flex; gap: 18px; flex-wrap: wrap; font-size: 0.82rem; color: var(--body-color); margin-bottom: 12px; } .cd-exam-stats span { display: flex; flex-direction: column; gap: 1px; } .cd-exam-stats strong { font-size: 1rem; font-weight: 700; } .cd-exam-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } /* status badge */ .cd-badge { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; text-transform: capitalize; } .cd-badge--published { background: #dcfce7; color: #166534; } .cd-badge--draft { background: var(--header-search-bg); color: var(--body-color); } .cd-badge--active { background: #dbeafe; color: var(--main-link); } .cd-badge--upcoming { background: #fef9c3; color: #854d0e; } .cd-badge--ended { background: #fee2e2; color: #991b1b; } /* pending grading badge */ .cd-grade-badge { display: inline-flex; align-items: center; gap: 5px; background: #fee2e2; color: #991b1b; border-radius: 12px; font-size: 0.75rem; font-weight: 600; padding: 2px 10px; } /* action buttons */ .cd-btn { padding: 5px 13px; border-radius: 6px; font-size: 0.82rem; font-weight: 500; cursor: pointer; border: 1px solid transparent; text-decoration: none; display: inline-block; transition: opacity 0.15s; } .cd-btn:hover { opacity: 0.85; } .cd-btn--primary { background: var(--main-link); color: #fff; } .cd-btn--secondary { background: transparent; border-color: var(--border-divider-2); color: var(--body-color); } .cd-btn--danger { background: transparent; border-color: #fca5a5; color: #dc2626; } .cd-btn--publish { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .cd-btn--unpublish { background: var(--header-search-bg); color: var(--body-color); border-color: var(--border-divider-2); } /* top scorer row */ .cd-top-scorer { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 0.8rem; color: var(--body-color); } .cd-top-scorer img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; } /* empty state */ .cd-empty { text-align: center; padding: 48px 16px; color: var(--body-color); background: var(--body-bg); border: 1px solid var(--border-divider-2); border-radius: 10px; } .cd-empty__icon { font-size: 2.5rem; margin-bottom: 12px; } .cd-empty__text { font-size: 0.95rem; } /* ===== TPL2 CREATOR DASHBOARD ===== */ .hide{ display: none; } .tpl2-inline-034cc15c { padding:5px 13px;border-radius:6px;border:1px solid var(--border-divider-2);font-size:0.82rem;text-decoration:none;color:var(--body-color); } .tpl2-inline-10927be5 { display:flex;flex-direction:column;align-items:center;gap:4px; } .tpl2-inline-3854b94b { width:36px;height:36px;border-radius:50%;object-fit:cover;margin-bottom:2px; } .tpl2-inline-05f32762 { width:36px;height:36px;border-radius:50%;background:var(--border-divider-2);display:flex;align-items:center;justify-content:center;font-size:1.1rem; } .tpl2-inline-05262f60 { font-size:0.85rem;font-weight:600;color:var(--body-color);text-align:center;line-height:1.2; } .tpl2-inline-e363eb98 { font-size:0.78rem;color:var(--body-color); } .tpl2-inline-ff6eee77 { margin-top:6px; } .tpl2-inline-0713b869 { margin-left:8px;vertical-align:middle; } .tpl2-inline-aeacf9bc { margin-left:6px;vertical-align:middle; } .tpl2-inline-78f6f2c9 { margin-top:12px; } /* ===== TPL3 SUBMISSION ===== */ /* ── Submissions Page ────────────────────────────────────────────── */ .sub-wrap { max-width: 1100px; margin: 0 auto; padding: 24px 16px 48px; } /* header */ .sub-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; } .sub-header h1 { font-size: 1.4rem; font-weight: 700; margin: 0; } /* toolbar: search + filters */ .sub-toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; align-items: center; } .sub-search { flex: 1; min-width: 200px; max-width: 320px; padding: 7px 12px; border: 1px solid var(--border-divider-2); border-radius: 6px; font-size: 0.88rem; background: var(--body-bg); color: var(--body-color); } .sub-filter-btn { padding: 6px 14px; border-radius: 20px; border: 1px solid var(--border-divider-2); background: var(--body-bg); font-size: 0.82rem; cursor: pointer; color: var(--body-color); text-decoration: none; transition: background 0.15s, color 0.15s; } .sub-filter-btn:hover, .sub-filter-btn.active { background: var(--main-link); color: #fff; border-color: var(--main-link); } /* table */ .sub-table-wrap { overflow-x: auto; border: 1px solid var(--border-divider-2); border-radius: 10px; background: var(--body-bg); } .sub-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; } .sub-table th { padding: 11px 14px; text-align: left; font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--body-color); border-bottom: 1px solid var(--border-divider-2); white-space: nowrap; } .sub-table th a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; } .sub-table th a:hover { color: var(--main-link); } .sub-table td { padding: 11px 14px; border-bottom: 1px solid var(--border-divider-2); vertical-align: middle; } .sub-table tr:last-child td { border-bottom: none; } .sub-table tr:hover td { background: var(--hover-bg, var(--header-search-bg)); } /* student cell */ .sub-student { display: flex; align-items: center; gap: 9px; } .sub-student img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .sub-student-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--border-divider-2); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; color: var(--text-muted, #9ca3af); } .sub-student-name { font-weight: 500; } /* status badges */ .sub-badge { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; } .sub-badge--pass { background: #dcfce7; color: #166534; } .sub-badge--fail { background: #fee2e2; color: #991b1b; } .sub-badge--pending { background: #fef9c3; color: #854d0e; } .sub-badge--in_progress { background: #dbeafe; color: var(--main-link); } .sub-badge--submitted { background: var(--header-search-bg); color: var(--body-color); } /* score cell */ .sub-score { font-weight: 600; } .sub-score--none { color: var(--text-muted, #9ca3af); } /* pagination */ .sub-pagination { display: flex; gap: 6px; justify-content: center; margin-top: 22px; flex-wrap: wrap; } .sub-page-btn { padding: 6px 12px; border: 1px solid var(--border-divider-2); border-radius: 6px; background: var(--body-bg); color: var(--body-color); text-decoration: none; font-size: 0.85rem; transition: background 0.15s; } .sub-page-btn:hover, .sub-page-btn.active { background: var(--main-link); color: #fff; border-color: var(--main-link); } .sub-page-btn.disabled { opacity: 0.4; pointer-events: none; } /* empty */ .sub-empty { text-align: center; padding: 48px 16px; color: var(--body-color); } .sub-empty__icon { font-size: 2.5rem; margin-bottom: 12px; } /* ===== TPL3 SUBMISSION ===== */ .hide{ display: none; } /* ===== TPL3 SUBMISSION ===== */ .sub-export-menu.open { display: block !important; } .tpl3-inline-0e099d3e { padding:6px 14px;border-radius:6px;border:1px solid var(--border-divider-2);font-size:0.85rem;text-decoration:none;color:var(--body-color); } .tpl3-inline-0d216828 { display:contents; } .tpl3-inline-14837547 { padding:7px 14px;border-radius:6px;border:1px solid var(--border-divider-2);background:var(--body-bg);cursor:pointer;font-size:0.85rem; } .tpl3-inline-e9f776d8 { display:flex;gap:10px;margin-bottom:16px; } .tpl3-inline-71a0149e { position:relative;display:inline-block; } .tpl3-inline-d6266aa8 { display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-divider-2);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08);min-width:220px;z-index:10;max-height:280px;overflow-y:auto; } .tpl3-inline-26e5b704 { display:block;padding:10px 14px;font-size:0.85rem;color:var(--body-color);text-decoration:none;border-bottom:1px solid var(--header-search-bg); } .tpl3-inline-b3b0b60f { padding:10px 14px;font-size:0.85rem;color:var(--body-color); } .tpl3-inline-8a77aaa6 { font-size:0.85rem;color:var(--body-color);margin-bottom:12px; } .tpl3-inline-e363eb98 { font-size:0.78rem;color:var(--body-color); } .tpl3-inline-dd3b24ce { color:var(--body-color); } .tpl3-inline-79424e3e { white-space:nowrap;font-size:0.82rem;color:var(--body-color); } .tpl3-inline-2cc4cb92 { font-size:0.8rem;color:var(--main-link);text-decoration:none; } .tpl3-inline-56de8aaa { color:var(--border-divider-2);margin:0 4px; } /* ========================================================= Shared responsive and visual overrides ========================================================= */ .er-wrap,.cd-wrap,.sub-wrap{width:100%;max-width:1100px;margin-inline:auto;box-sizing:border-box;color:var(--body-color)} .er-wrap a,.cd-wrap a,.sub-wrap a,.report-branding-page a{color:var(--main-link)} .er-stat-tile,.cd-stat-card,.cd-exam-card,.sub-table-wrap,.report-branding-page .card{background:var(--body-bg);color:var(--body-color);border-color:var(--border-divider)} .er-pass,.er-score-pass,.sub-status--graded,.cd-badge--published{color:#198754} .cd-btn--publish{color:#198754;border:1px solid #198754;background:transparent}.cd-btn--publish:hover{color:#fff;background:#198754} .cd-btn--unpublish,.cd-danger,.sub-danger,.exam-danger{color:#dc3545}.cd-btn--unpublish{background:transparent;border-color:#dc3545} .cd-btn--secondary,.cd-btn--import,.cd-btn--export,.sub-filter-btn,.sub-page-btn,.sub-sort-link,.ca-back,.cd-quick-link,.cd-action-link{background:transparent;border:1px solid var(--border-divider-2);color:var(--body-color)} .cd-btn--secondary:hover,.cd-btn--import:hover,.cd-btn--export:hover,.sub-filter-btn:hover,.sub-page-btn:hover,.sub-sort-link:hover,.ca-back:hover,.cd-quick-link:hover,.cd-action-link:hover{background:var(--header-search-bg);border-color:var(--main-link);color:var(--main-link)} .cd-action-icons a,.cd-action-icons button,.sub-actions a,.sub-actions button,.exam-page-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border:1px solid var(--border-divider-2);border-radius:8px;background:var(--body-bg);color:var(--body-color);text-decoration:none;cursor:pointer} .cd-action-icons a:hover,.cd-action-icons button:hover,.sub-actions a:hover,.sub-actions button:hover,.exam-page-icon-btn:hover{background:var(--header-search-bg);border-color:var(--main-link);color:var(--main-link)} .er-table-wrap,.sub-table-wrap,.cd-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.er-table,.sub-table{min-width:680px} .cd-exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px} .x-image--has-logo{background-position:center;background-repeat:no-repeat;background-size:cover} .er-marks,.er-score,.marks,.mark,.question-marks,.exam-marks,.points,.question-points{color:#198754;font-weight:600} @media (max-width:767.98px){.er-wrap,.cd-wrap,.sub-wrap{padding:16px 12px 32px}.cd-header,.sub-header{align-items:flex-start;flex-direction:column}.cd-header-actions,.sub-toolbar{width:100%}.cd-exam-grid{grid-template-columns:1fr;gap:12px}.cd-exam-card{padding:14px}.er-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sub-search{width:100%;max-width:none;min-width:0}.sub-toolbar{align-items:stretch}.sub-filter-btn,.sub-page-btn,.cd-btn--secondary,.cd-btn--import,.cd-btn--export{min-height:38px}.report-branding-page .row{margin-inline:0}.report-branding-page [class*="col-"]{width:100%;padding-inline:0}} @media (max-width:480px){.er-stats{grid-template-columns:1fr!important}.cd-header h1,.sub-header h1{font-size:1.2rem}.cd-action-icons a,.cd-action-icons button,.sub-actions a,.sub-actions button,.exam-page-icon-btn{min-width:38px;width:38px;height:38px}} body.night-mode .er-stat-tile,body.night-mode .cd-stat-card,body.night-mode .cd-exam-card,body.night-mode .sub-table-wrap,body.night-mode .report-branding-page .card,body.night-mode .cd-action-icons a,body.night-mode .cd-action-icons button,body.night-mode .sub-actions a,body.night-mode .sub-actions button,body.night-mode .exam-page-icon-btn{background:var(--body-bg);color:var(--body-color);border-color:var(--border-divider)} .x-image-remover--hidden{display:none}