:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--bg: #050816;--bg-accent: #111827;--panel: rgba(15, 23, 42, .88);--panel-border: rgba(148, 163, 184, .18);--text: #e5e7eb;--muted: #a5b4fc;--muted-2: #94a3b8;--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(148, 163, 184, .24);--button-bg: #3b82f6;--button-bg-hover: #2563eb;--button-text: #eff6ff;--danger: #fca5a5;--code-bg: #020617;--shadow: 0 24px 70px rgba(2, 6, 23, .45);color:var(--text);background:var(--bg);color-scheme:dark}:root[data-theme=light]{--bg: #eef2ff;--bg-accent: #dbeafe;--panel: rgba(255, 255, 255, .92);--panel-border: rgba(15, 23, 42, .1);--text: #0f172a;--muted: #334155;--muted-2: #475569;--input-bg: #ffffff;--input-border: #cbd5e1;--button-bg: #111827;--button-bg-hover: #1f2937;--button-text: #f8fafc;--danger: #b91c1c;--code-bg: #0f172a;--shadow: 0 24px 60px rgba(30, 41, 59, .14);color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 12%,rgba(59,130,246,.22),transparent 40%),radial-gradient(circle at 85% 20%,rgba(236,72,153,.12),transparent 36%),linear-gradient(160deg,var(--bg),var(--bg-accent))}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(980px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-header{display:grid;gap:16px;margin-bottom:16px}@media (min-width: 720px){.card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.card h1{margin:0 0 8px;font-size:1.5rem}.card p{margin:0 0 16px;color:var(--muted)}.card p code{color:var(--text);background:#94a3b81f;border-radius:6px;padding:2px 6px}.hint{color:var(--muted-2);font-size:.95rem}.panel-screen{min-height:100vh;width:100%}.user-panel{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;width:100%;background:#02061759}@media (max-width: 760px){.user-panel{grid-template-columns:1fr}.panel-sidebar{border-right:0;border-bottom:1px solid var(--panel-border)}}.panel-sidebar{display:grid;gap:12px;align-content:start;padding:20px 16px;border-right:1px solid var(--panel-border);background:#0a1428eb}.panel-brand{margin-bottom:8px}.panel-overline{margin:0 0 6px;color:var(--muted-2);font-size:.72rem;letter-spacing:.16em}.panel-brand-title{margin:0;font-size:1.35rem}.panel-sidebar-title{margin:6px 0 2px;font-size:.9rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em}.panel-nav{display:grid;gap:6px}.panel-nav-item{display:block;width:100%;padding:10px 14px;justify-self:stretch;text-align:left;border:1px solid rgba(148,163,184,.08);background:#94a3b80f;color:var(--text);border-radius:10px;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.panel-nav-item:hover{border-color:#f59e0b59;background:#f59e0b1a}.panel-nav-item.is-active{border-color:#f59e0b73;background:#f59e0b26}.panel-user{margin-top:auto;display:grid;gap:8px;padding-top:12px;border-top:1px solid rgba(148,163,184,.16)}.panel-user-email{margin:0;font-size:.86rem;color:var(--muted)}.panel-logout{width:100%;justify-self:stretch}.panel-content{padding:28px;background:#01091ecc;overflow:auto}.certificate-builder{display:grid;grid-template-columns:minmax(320px,420px) minmax(420px,1fr);gap:20px;align-items:start}@media (max-width: 1180px){.certificate-builder{grid-template-columns:1fr}}.certificate-builder-form,.certificate-builder-preview{border:1px solid var(--panel-border);border-radius:12px;padding:14px;background:#0f172a47}.cert-topics-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cert-topic-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.certificate-preview{position:relative;container-type:inline-size;border-radius:12px;overflow:hidden;border:1px solid var(--panel-border);background:#fff}.certificate-preview-image{width:100%;display:block}.certificate-overlay-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.certificate-svg-course-title{fill:#0f172a;font-size:154px;font-weight:500;dominant-baseline:hanging}.certificate-svg-b2b-meta{fill:#111827;font-size:74px;font-weight:400;dominant-baseline:hanging}.certificate-svg-participant-name{fill:#0f172a;font-size:116px;font-weight:500;dominant-baseline:hanging}.certificate-svg-csr-strip{fill:#fff;font-size:42px;font-weight:600;dominant-baseline:hanging}.certificate-svg-csr-topics-title{fill:#0f172a;font-size:52px;font-weight:650;dominant-baseline:hanging}.certificate-svg-csr-topic{fill:#60656d;font-size:46px;font-weight:400;dominant-baseline:hanging}.certificate-svg-csr-topic-dot{fill:#e02056}.certificate-svg-csr-empty{fill:#64748b;font-size:38px;font-weight:400;dominant-baseline:hanging}.certificate-svg-csr-footnote-line{stroke:#efbcc8;stroke-width:4.5;stroke-opacity:1}.certificate-svg-csr-footnote{fill:#9b9fa7;font-size:23px;font-weight:400;dominant-baseline:hanging}.panel-copy{margin:0 0 12px;color:var(--muted)}.panel-content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}@media (max-width: 760px){.panel-content-header{flex-direction:column;align-items:stretch}}.panel-link-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--button-bg);color:var(--button-text);border-radius:8px;padding:10px 14px;font:inherit;text-decoration:none;transition:background-color .12s ease}.panel-link-button:hover{background:var(--button-bg-hover)}.panel-link-button-secondary{background:#94a3b833}.panel-link-button-secondary:hover{background:#94a3b859}.certificates-search{max-width:460px;display:grid;gap:8px;margin-bottom:16px}.certificates-table-wrap{width:100%;overflow-x:auto;border-radius:10px;border:1px solid var(--panel-border);background:#0f172a47}.certificates-table{width:100%;border-collapse:collapse;min-width:520px}.certificates-table th,.certificates-table td{padding:12px;border-bottom:1px solid rgba(148,163,184,.2);text-align:left}.certificates-table th{color:var(--muted-2);font-size:.86rem;font-weight:600}.certificates-table tbody tr:last-child td{border-bottom:0}.certificates-empty{color:var(--muted)}.cert-actions{display:flex;align-items:center;gap:8px}.cert-action-link{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(148,163,184,.22);color:var(--text);background:#94a3b81f;text-decoration:none;font-size:.75rem;font-weight:600}.cert-action-link:hover{background:#f59e0b2e;border-color:#f59e0b66}.cert-action-link svg{width:18px;height:18px}.generated-form-section{margin-top:18px;border:1px solid var(--panel-border);border-radius:10px;padding:14px;background:#0f172a4d;max-width:520px}.pagination-controls{margin-top:12px;display:flex;align-items:center;gap:10px}.pagination-status{margin:0;color:var(--muted-2);font-size:.92rem}.generated-success{margin:0;color:#34d399}.public-certificate-card{display:grid;gap:14px}.public-certificate-preview-wrap{border:1px solid var(--panel-border);border-radius:12px;overflow:hidden;background:#fff}.public-certificate-preview-image{width:100%;display:block}.public-certificate-meta{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:8px 12px}.public-certificate-meta dt{font-weight:600;color:var(--muted-2)}.public-certificate-meta dd{margin:0}.public-certificate-actions{display:flex;flex-wrap:wrap;gap:10px}.panel-info-card{border:1px solid var(--panel-border);border-radius:10px;padding:14px;background:#0f172a59;max-width:560px}.panel-info-card h3{margin-top:0;margin-bottom:10px}.panel-info-card p{margin:0 0 8px}.dashboard-chart-card{margin-top:16px;max-width:100%}.dashboard-chart-total{margin:0 0 12px}.dashboard-bar-chart-wrap{width:100%;overflow-x:auto;padding-bottom:4px}.dashboard-bar-chart{display:grid;grid-template-columns:repeat(30,minmax(10px,1fr));gap:6px;align-items:end;min-height:176px;min-width:640px}.dashboard-bar-item{display:grid;gap:6px;align-items:end}.dashboard-bar-track{height:138px;border:1px solid rgba(148,163,184,.2);background:#0f172a80;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.dashboard-bar-fill{width:100%;height:0;background:linear-gradient(180deg,#60a5fa,#2563eb);transition:height .22s ease}.dashboard-bar-label{min-height:14px;font-size:.72rem;color:var(--muted-2);text-align:center}form{display:grid;gap:10px;margin-bottom:16px}label{font-weight:600}input,select{width:100%;border:1px solid var(--input-border);border-radius:8px;padding:10px 12px;font:inherit;color:var(--text);background:var(--input-bg)}button{justify-self:start;border:0;background:var(--button-bg);color:var(--button-text);border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer;transition:background-color .12s ease}button:hover:not(:disabled){background:var(--button-bg-hover)}button:disabled{opacity:.7;cursor:not-allowed}.error{margin:0;color:var(--danger);font-size:.95rem}.section-title{margin:12px 0 8px;font-size:1rem}.result{margin-top:12px;background:var(--code-bg);color:#e2e8f0;border-radius:8px;padding:12px;overflow:auto}