:root{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-display:"Plus Jakarta Sans","Inter",ui-sans-serif,system-ui,sans-serif;--brand-slate:#3e5c76;--brand-payne:var(--brand-slate);--brand-violet:#960299;--brand-aqua:#1affd5;--brand-red:#f8333c;--admin-primary:#6366f1;--admin-bg:#f8fafc;--admin-sidebar:#1e293b;--admin-sidebar-deep:#0f172a;--admin-surface:#ffffff;--admin-border:#d6deea;--bg:#ebecef;--panel:#ffffff;--ink:#15181d;--muted:#67707d;--accent:var(--brand-violet);--border:#dde2e8;--warn:var(--brand-red);--shell:#eff1f4;--shadow-soft:0 10px 30px rgba(17,20,31,0.05);--shadow-strong:0 14px 30px rgba(20,25,37,0.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--surface-0:#ffffff;--surface-1:#f8fafc;--surface-2:#f1f5f9;--surface-3:#e9eef5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted-soft:#64748b;--text-muted-faint:#94a3b8;--border-soft:#e2e8f0;--border-faint:#eef2f7;--admin-filter-label-color:#6f7f97;--admin-filter-label-size:11px;--admin-filter-label-weight:700;--admin-filter-label-spacing:0.08em;--shadow-card:0 10px 26px rgba(15,23,42,0.05);--shadow-card-hover:0 18px 36px rgba(15,23,42,0.08);--focus-ring:0 0 0 4px rgba(99,102,241,0.12);--status-ok-ink:#155447;--status-ok-bg:rgba(16,185,129,0.12);--status-ok-border:rgba(16,185,129,0.24);--status-warn-ink:#8a4b00;--status-warn-bg:rgba(245,158,11,0.12);--status-warn-border:rgba(245,158,11,0.22);--status-error-ink:#8c2630;--status-error-bg:rgba(239,68,68,0.1);--status-error-border:rgba(239,68,68,0.2);--status-pending-ink:#42566d;--status-pending-bg:rgba(62,92,118,0.08);--status-pending-border:rgba(62,92,118,0.16);--public-page-bg:radial-gradient(circle at 12% 12%,rgba(62,92,118,0.05),transparent 34%),radial-gradient(circle at 88% 0%,rgba(150,2,153,0.04),transparent 28%),#f3f6fa;--public-shell-bg:rgba(255,255,255,0.9);--public-shell-border:rgba(226,232,240,0.88);--public-nav-bg:rgba(255,255,255,0.74);--public-nav-bg-hover:rgba(255,255,255,0.94);--public-panel-bg:rgba(255,255,255,0.98);--public-panel-border:rgba(226,232,240,0.92);--public-panel-shadow:0 18px 44px rgba(15,23,42,0.07);--public-panel-shadow-soft:0 12px 28px rgba(15,23,42,0.05);--public-muted:#607088;--public-muted-soft:#7a889c;--participant-shell-bg:#edf2f5;--participant-panel-bg:#ffffff;--participant-panel-bg-alt:#f8fbfd;--participant-panel-bg-soft:#f4f8fb;--participant-reading-bg:linear-gradient(180deg,rgba(255,255,255,0.99),rgba(252,253,255,0.99));--participant-feedback-bg:linear-gradient(180deg,rgba(251,252,254,0.99),rgba(247,250,253,0.99));--participant-panel-border:#dde6f0;--participant-panel-border-strong:#d5e0ec;--participant-panel-shadow:0 12px 30px rgba(15,23,42,0.04);--participant-surface-shadow:0 16px 34px rgba(15,23,42,0.05);--participant-muted:#607189;--participant-muted-strong:#42566d;--participant-divider:#e6edf5;--participant-hero-glow:rgba(62,92,118,0.06);--participant-rail-bg:linear-gradient(180deg,#f8fafd,#f3f7fb);--participant-rail-border:rgba(213,224,236,0.96);--participant-quiet-pill-bg:rgba(255,255,255,0.88)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 10% 10%,rgba(26,255,213,.09),transparent 38%),radial-gradient(circle at 90% 0,rgba(150,2,153,.09),transparent 32%),var(--bg);color:var(--ink);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}.page{min-height:100dvh;padding:24px}.container{max-width:1120px;margin:0 auto}.hero{display:grid;grid-gap:16px;gap:16px;padding:24px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,253,.92));box-shadow:var(--shadow-soft)}.hero h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.hero p{margin:0;color:var(--muted);max-width:68ch}.grid{display:grid;grid-gap:16px;gap:16px;margin-top:20px}@media (min-width:900px){.grid{grid-template-columns:1.3fr 1fr}}.panel{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:18px;box-shadow:var(--shadow-soft)}.panel h2,.panel h3{margin-top:0}.muted{color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);padding:6px 10px;font-size:13px;background:#fff}.pill strong{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:transform .12s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:white;box-shadow:0 10px 18px rgba(150,2,153,.2)}.btn.secondary{background:#fff;border-color:var(--border-soft);color:var(--text-secondary);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}.btn.secondary:hover{border-color:rgba(62,92,118,.26);background:#f8fafc;color:#0f172a}.btn.secondary:focus-visible{outline:none;border-color:rgba(99,102,241,.44);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:#f4efe5;border:1px solid var(--border);border-radius:8px;padding:3px 6px}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{border-bottom:1px solid var(--border);text-align:left;padding:10px 6px}.status{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.01em;border:1px solid var(--border)}.status.ok{color:var(--status-ok-ink);background:var(--status-ok-bg);border-color:var(--status-ok-border)}.status.warn{color:var(--status-warn-ink);background:var(--status-warn-bg);border-color:var(--status-warn-border)}.status.error{color:var(--status-error-ink);background:var(--status-error-bg);border-color:var(--status-error-border)}.status.pending{color:var(--status-pending-ink);background:var(--status-pending-bg);border-color:var(--status-pending-border)}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.nav a{border:1px solid var(--border);padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.8)}.form{display:grid;grid-gap:12px;gap:12px}.form input,.form select,.form textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:10px 12px;background:white}.form select,.form textarea{color:var(--ink);font:inherit}.form label{font-size:14px;color:var(--muted)}.panel-head{align-items:flex-start;gap:var(--space-3)}.panel-head h2,.panel-head h3{color:var(--text-primary)}.panel .muted,.panel-head .muted{color:var(--text-muted-soft)}.table-wrap{border-radius:var(--radius-lg);overflow:hidden}.table th{color:var(--text-muted-faint);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.table td{color:var(--text-secondary)}.admin-panel-title-no-margin{margin:0}.status-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.status-chip--sm{min-height:24px;padding:4px 10px;font-size:11px;font-weight:700}.status-chip--md{min-height:28px;padding:5px 11px;font-size:12px;font-weight:700}.status-chip--outline{background:rgba(255,255,255,.72)!important}.status-chip--solid.ok{background:#10b981!important;border-color:rgba(16,185,129,.24)!important;color:#fff!important}.status-chip--solid.warn{background:#f59e0b!important;border-color:rgba(245,158,11,.24)!important;color:#fff!important}.status-chip--solid.error{background:#ef4444!important;border-color:rgba(239,68,68,.24)!important;color:#fff!important}.status-chip--solid.pending{background:#64748b!important;border-color:rgba(100,116,139,.24)!important;color:#fff!important}.app-shell{min-height:100dvh;display:grid;grid-template-columns:260px 1fr}.app-shell.compact{grid-template-columns:1fr}.app-shell.compact .app-sidebar{position:static;top:auto;height:auto;border-right:none;border-bottom:1px solid var(--border)}.app-sidebar{border-right:1px solid var(--border);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:18px;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow:auto}.app-sidebar h2{margin:0 0 4px;font-size:18px}.app-sidebar a.participant-shell-brand{display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;padding:0;border:none;border-radius:8px;background:transparent;color:inherit;text-decoration:none;box-shadow:none;transition:color .16s ease,box-shadow .16s ease}.app-sidebar a.participant-shell-brand:hover{border-color:transparent;background:transparent;color:var(--brand-slate)}.app-sidebar a.participant-shell-brand:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-sidebar p{margin:0;color:var(--muted);font-size:13px}.app-sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.app-sidebar a{border:1px solid var(--border);background:rgba(255,255,255,.85);border-radius:10px;padding:9px 10px;font-size:14px}.app-sidebar a:hover{border-color:rgba(150,2,153,.35)}.sidebar-footer{margin-top:16px}.sidebar-logout{width:100%;justify-content:center}.app-main{min-width:0;padding:18px}.app-shell[data-zone=admin]{background:#e8eaee}.app-shell[data-zone=admin] .app-sidebar{border-right:none;background:radial-gradient(circle at 10% 0,rgba(26,255,213,.08),transparent 45%),linear-gradient(180deg,#446582 0,var(--brand-slate) 65%);color:#eef5fc;box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}.app-shell[data-zone=admin] .app-sidebar p{color:rgba(238,245,252,.72)}.app-shell[data-zone=admin] .app-sidebar a{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(244,250,255,.9)}.app-shell[data-zone=admin] .app-sidebar a:hover{background:rgba(255,255,255,.12);border-color:rgba(26,255,213,.35)}.app-shell[data-zone=admin] .app-main{background:var(--shell);padding:20px}.app-shell[data-zone=participant] .app-sidebar{background:radial-gradient(circle at 0 0,rgba(26,255,213,.06),transparent 45%),rgba(255,255,255,.86)}.app-shell[data-zone=public] .app-sidebar{background:radial-gradient(circle at 0 0,rgba(150,2,153,.06),transparent 40%),rgba(255,255,255,.86)}.app-shell.compact[data-zone=public] .app-sidebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.82);box-shadow:0 1px 0 rgba(62,92,118,.08)}.public-topbar-brand{min-width:0}.public-topbar-brand h2{margin:0 0 2px;font-size:17px;line-height:1.05}.public-topbar-brand p{margin:0;font-size:12px}.app-shell.compact[data-zone=public] .app-sidebar .public-topbar-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:0}.app-shell.compact[data-zone=public] .public-topbar-nav a{border-radius:999px;padding:6px 10px;font-size:12px;background:rgba(255,255,255,.7);border-color:rgba(62,92,118,.12)}.app-shell.compact[data-zone=public] .app-main{padding-top:8px}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.subnav a{border:1px dashed var(--border);border-radius:999px;padding:6px 10px;font-size:12px;background:rgba(255,255,255,.7)}.subnav--actions a{border-style:solid;border-color:rgba(62,92,118,.16);background:#fff;color:var(--ink);font-weight:600;padding:8px 12px;box-shadow:0 2px 8px rgba(15,18,26,.04);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background-color .12s ease}.subnav--actions a:hover{border-color:rgba(62,92,118,.28);box-shadow:0 6px 16px rgba(15,18,26,.06);transform:translateY(-1px)}.subnav--actions a:first-child{border-color:rgba(150,2,153,.2);background:rgba(150,2,153,.06);color:#6e0e70}.subnav--actions a:first-child:hover{border-color:rgba(150,2,153,.36);background:rgba(150,2,153,.1)}.placeholder-list{display:grid;grid-gap:8px;gap:8px;margin:12px 0 0}.placeholder-list li{color:var(--muted)}.admin-dashboard{max-width:1240px;margin:0 auto;display:grid;grid-gap:14px;gap:14px}.admin-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px}.admin-topbar h1{margin:8px 0 4px;font-size:clamp(28px,4vw,40px);line-height:1}.admin-toolbar{display:flex;align-items:center;gap:10px;width:min(100%,460px)}.admin-pill{background:rgba(150,2,153,.04);border-color:rgba(150,2,153,.14)}.admin-search{flex:1 1;display:flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);background:#f6f7fa;padding:8px 12px}.admin-search span{color:var(--muted);font-size:14px}.admin-search input{border:none;background:transparent;width:100%;outline:none;color:var(--ink)}.admin-avatar{width:40px;height:40px;border-radius:999px;border:none;background:var(--brand-red);color:white;font-weight:700;cursor:pointer;box-shadow:0 8px 16px rgba(248,51,60,.25)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.kpi-card{border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-strong);display:grid;grid-gap:4px;gap:4px}.kpi-card p{margin:0;font-weight:600;font-size:14px;opacity:.95}.kpi-card strong{font-size:clamp(26px,3vw,42px);line-height:1;letter-spacing:-.03em}.kpi-card.violet{background:linear-gradient(180deg,#ad0faf,var(--brand-violet));color:#fff}.kpi-card.aqua{background:linear-gradient(180deg,#32f7db,var(--brand-aqua));color:#06161a}.kpi-card.red{background:linear-gradient(180deg,#ff4b53,var(--brand-red));color:#fff}.kpi-card.slate{background:linear-gradient(180deg,#537791,var(--brand-slate));color:#fff}.admin-panels{display:grid;grid-gap:14px;gap:14px;grid-template-columns:2fr 1fr 1fr}.panel-span-2{grid-column:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-head h2,.panel-head h3{margin:0}.legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.legend-dot.red{background:var(--brand-red)}.legend-dot.aqua{background:var(--brand-aqua)}.legend-dot.slate{background:var(--brand-slate)}.legend-dot.violet{background:var(--brand-violet)}.chart-bars{display:flex;align-items:flex-end;gap:12px;min-height:220px;padding-top:10px}.bar-group{display:grid;grid-gap:8px;gap:8px;justify-items:center;flex:1 1;min-width:0}.bar-group small{color:var(--muted)}.bar-stack{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px}.bar{width:12px;border-radius:8px 8px 2px 2px;display:inline-block}.bar.red{background:var(--brand-red)}.bar.aqua{background:var(--brand-aqua)}.bar.slate{background:var(--brand-slate)}.donut-wrap{position:relative;display:grid;place-items:center;padding:8px 0 14px}.donut{width:178px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--brand-aqua) 0deg 210deg,var(--brand-red) 210deg 232deg,var(--brand-violet) 232deg 322deg,var(--brand-slate) 322deg 1turn);position:relative}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}.donut-center{position:absolute;display:grid;justify-items:center;z-index:1}.donut-center strong{font-size:28px;line-height:1}.donut-center span{text-transform:uppercase;letter-spacing:.05em}.donut-center span,.legend-grid{color:var(--muted);font-size:12px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.legend-grid>div{display:flex;align-items:center;gap:6px}.feed-list{display:grid;grid-gap:8px;gap:8px}.feed-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:8px 0}.feed-row:last-child{border-bottom:none}.feed-row strong{display:block;font-size:13px}.feed-row p{margin:2px 0 0;font-size:12px;color:var(--muted)}.tag{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.03em}.tag.violet{background:rgba(150,2,153,.12);color:var(--brand-violet)}.tag.aqua{background:rgba(26,255,213,.18);color:#066555}.tag.red{background:rgba(248,51,60,.12);color:#bf1f27}.filter-chip{border-radius:999px;border:1px solid var(--border);padding:6px 10px;font-size:12px;background:#fff}.filter-chip.active{background:rgba(248,51,60,.12);border-color:rgba(248,51,60,.2);color:#b91f28}.admin-table th{font-weight:600;color:#394458}.admin-steps{margin:0;padding-left:18px;display:grid;grid-gap:8px;gap:8px}.participant-dashboard,.participant-page-stack{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}.participant-dashboard>*,.participant-page-stack>*{min-width:0}.participant-hero{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:14px;gap:14px;align-items:stretch;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,253,.98)),#fff}.participant-hero-copy h1{margin:8px 0 6px;font-size:clamp(26px,3vw,36px);line-height:1.04}.participant-hero-copy p{margin:0;max-width:52ch;color:var(--muted);line-height:1.35}.participant-pill{background:rgba(62,92,118,.05);border-color:rgba(62,92,118,.12)}.progress-card{border:1px solid var(--border);border-radius:16px;background:#fbfcfd;padding:14px;display:grid;grid-gap:8px;gap:8px;align-content:start;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.progress-card>p{margin:0;font-size:13px;color:var(--muted);font-weight:600}.progress-value{display:flex;align-items:baseline;gap:10px}.progress-value strong{font-size:30px;line-height:1;letter-spacing:-.03em}.progress-value span{color:var(--muted);font-size:13px}.progress-track{height:10px;border-radius:999px;background:rgba(62,92,118,.08);overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-violet),var(--brand-aqua))}.participant-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.participant-kpi{border-radius:14px;border:1px solid rgba(62,92,118,.1);background:#fff;padding:12px 14px;display:grid;grid-gap:4px;gap:4px;box-shadow:none}.participant-kpi p,.participant-kpi span{margin:0;color:var(--muted);font-size:13px}.participant-kpi strong{font-size:26px;line-height:1}.participant-kpi--violet{background:rgba(150,2,153,.03);border-color:rgba(150,2,153,.12)}.participant-kpi--aqua{background:rgba(26,255,213,.05);border-color:rgba(26,255,213,.16)}.participant-kpi--red{background:rgba(248,51,60,.03);border-color:rgba(248,51,60,.11)}.participant-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px}.participant-grid>*{min-width:0}.task-card-list{display:grid;grid-gap:10px;gap:10px}.task-card{display:grid;grid-gap:6px;gap:6px;border:1px solid rgba(62,92,118,.1);border-radius:12px;background:#fff;padding:10px 12px;transition:border-color .12s ease,box-shadow .12s ease}.task-card:hover{border-color:rgba(62,92,118,.22);box-shadow:0 4px 14px rgba(15,18,26,.04)}.task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.task-card-head h3{margin:0;font-size:15px;line-height:1.2}.task-card-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:12px}.task-feedback-preview{margin:0;color:var(--muted);font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-open-link{color:var(--ink);font-weight:600;font-size:12px;text-decoration:underline;-webkit-text-decoration-color:rgba(150,2,153,.35);text-decoration-color:rgba(150,2,153,.35);text-underline-offset:2px}.feedback-box{border:1px solid rgba(62,92,118,.1);border-radius:12px;background:#fbfcfd;padding:12px}.feedback-box p{margin:0;line-height:1.4;overflow-wrap:anywhere}.participant-page-stack .panel{padding:16px}.table-wrap{overflow-x:auto}.mobile-only{display:none}.desktop-only{display:block}.participant-task-hero{display:grid;grid-gap:12px;gap:12px;background:radial-gradient(circle at 100% 0,rgba(26,255,213,.06),transparent 34%),radial-gradient(circle at 0 100%,rgba(150,2,153,.06),transparent 38%),#fff}.participant-task-status{display:flex;gap:8px;flex-wrap:wrap}.upload-dropzone{border:1px solid rgba(62,92,118,.12);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98));padding:18px;display:grid;grid-gap:10px;gap:10px;justify-items:start}.upload-dropzone p{margin:0;font-weight:600}.upload-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(150,2,153,.08);color:var(--brand-violet);font-weight:700}.attempt-list{display:grid;grid-gap:10px;gap:10px}.attempt-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px;display:grid;grid-gap:8px;gap:8px}.attempt-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attempt-card-head strong{display:block;font-size:14px}.attempt-card-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.participant-review-toast{position:fixed;right:18px;bottom:18px;z-index:60;width:min(420px,calc(100vw - 24px));display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:start}.participant-review-toast-card{border:1px solid rgba(62,92,118,.18);border-radius:14px;background:radial-gradient(circle at 90% 0,rgba(26,255,213,.08),transparent 55%),rgba(255,255,255,.96);box-shadow:var(--shadow-strong);padding:12px;text-align:left;cursor:pointer;color:inherit}.participant-review-toast-card p{margin:8px 0 6px;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.participant-review-toast-card small{color:var(--muted)}.participant-review-toast-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.participant-review-toast-head strong{line-height:1.2}.participant-review-toast-close{border:1px solid var(--border);background:rgba(255,255,255,.95);color:var(--muted);border-radius:10px;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--shadow-soft)}.participant-review-modal-backdrop{position:fixed;inset:0;z-index:70;background:rgba(15,18,26,.36);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:18px}.participant-review-modal{width:min(680px,100%);max-height:min(80dvh,820px);overflow:auto}.profile-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:14px;gap:14px}.profile-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}.profile-card h2{margin:0 0 10px;font-size:18px}.profile-list{margin:0;display:grid;grid-gap:10px;gap:10px}.profile-list>div{display:grid;grid-gap:2px;gap:2px;border-bottom:1px solid var(--border);padding-bottom:8px}.profile-list>div:last-child{border-bottom:none;padding-bottom:0}.profile-list dt{color:var(--muted);font-size:12px}.profile-list dd{margin:0;font-weight:600}.auth-page{padding:6px 8px 8px}.auth-shell{max-width:1140px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:12px;gap:12px}.auth-side{background:radial-gradient(circle at 0 0,rgba(150,2,153,.08),transparent 42%),radial-gradient(circle at 100% 0,rgba(26,255,213,.08),transparent 42%),linear-gradient(180deg,#fcfcff,#f8fafc)}.auth-side h1{margin:10px 0 6px;font-size:clamp(26px,3vw,36px);line-height:1.04}.auth-side p{margin:0;color:var(--muted);max-width:48ch;line-height:1.35}.auth-side-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.auth-mini-card{border-radius:10px;border:1px solid rgba(62,92,118,.08);padding:8px 10px;background:#fff;display:grid;grid-gap:2px;gap:2px}.auth-mini-card small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.auth-mini-card strong{font-size:13px;line-height:1.1}.auth-mini-card.violet{border-color:rgba(150,2,153,.14);background:rgba(150,2,153,.04)}.auth-mini-card.aqua{border-color:rgba(26,255,213,.18);background:rgba(26,255,213,.07)}.auth-mini-card.red{border-color:rgba(248,51,60,.14);background:rgba(248,51,60,.04)}.auth-mini-card.slate{border-color:rgba(62,92,118,.14);background:rgba(62,92,118,.04)}.auth-card{display:grid;align-content:start;grid-gap:10px;gap:10px}.auth-card-head h2{margin:8px 0 6px;font-size:26px;line-height:1.06}.auth-card-head p{margin:0}.auth-pill{background:rgba(62,92,118,.04);border-color:rgba(62,92,118,.1)}.auth-form-wrap{display:grid;grid-gap:10px;gap:10px}.auth-form{gap:14px}.auth-form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.auth-submit{min-height:44px}.auth-note{border:1px solid rgba(62,92,118,.09);border-radius:12px;background:#fbfcfd;padding:12px}.auth-note h3{margin:0;font-size:15px}.auth-flash{border-radius:12px;border:1px solid var(--border);padding:10px 12px;display:grid;grid-gap:4px;gap:4px}.auth-flash strong{font-size:14px}.auth-flash p{margin:0;color:var(--muted);font-size:13px}.auth-flash--success{background:rgba(26,255,213,.08);border-color:rgba(26,255,213,.2)}.auth-flash--error{background:rgba(248,51,60,.07);border-color:rgba(248,51,60,.18)}.auth-flash--info{background:rgba(62,92,118,.05);border-color:rgba(62,92,118,.14)}.admin-screen-stack{max-width:1240px;margin:0 auto;display:grid;grid-gap:14px;gap:14px}.admin-placeholder-hero{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:14px;gap:14px;align-items:start}.admin-placeholder-hero h1{margin:10px 0 6px;font-size:clamp(24px,3vw,34px);line-height:1.03}.admin-placeholder-hero>div>p{margin:0}.admin-placeholder-hero.violet{background:radial-gradient(circle at 0 0,rgba(150,2,153,.09),transparent 40%),#fff}.admin-placeholder-hero.aqua{background:radial-gradient(circle at 100% 0,rgba(26,255,213,.11),transparent 38%),#fff}.admin-placeholder-hero.red{background:radial-gradient(circle at 100% 0,rgba(248,51,60,.08),transparent 40%),#fff}.admin-placeholder-hero.slate{background:radial-gradient(circle at 0 0,rgba(62,92,118,.07),transparent 40%),#fff}.admin-placeholder-meta{display:grid;grid-gap:8px;gap:8px}.admin-meta-chip{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.9);padding:10px;display:grid;grid-gap:2px;gap:2px}.admin-meta-chip small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.admin-meta-chip strong{font-size:14px}.admin-placeholder-grid{grid-template-columns:2fr 1fr}.admin-placeholder-body{display:grid;grid-gap:10px;gap:10px}.admin-toolbar-row{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center}.admin-inline-btn{padding:6px 10px;min-height:auto}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.admin-form-grid .full{grid-column:1/-1}.admin-form-grid label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:10px 12px;background:#fff;color:var(--ink);font:inherit}.admin-form-grid textarea{resize:vertical}.form-check{display:inline-flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer}.form-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-violet)}.admin-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.admin-check-card{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:rgba(255,255,255,.75)}.admin-help-text{margin:8px 0 0;font-size:12px;color:var(--muted)}.code-block{display:block;overflow:auto;max-height:360px;padding:12px;background:#f8fafc;color:var(--ink);font-size:12px;line-height:1.4}.admin-flash,.code-block{border-radius:12px;border:1px solid var(--border)}.admin-flash{padding:10px 12px;box-shadow:var(--shadow-soft)}.admin-flash--success{background:rgba(26,255,213,.08);border-color:rgba(26,255,213,.2);color:#064b41}.admin-flash--error{background:rgba(248,51,60,.07);border-color:rgba(248,51,60,.18);color:#9d1f27}.admin-flash--info{background:rgba(62,92,118,.05);border-color:rgba(62,92,118,.14);color:#31485b}.admin-form-actions{display:flex;justify-content:flex-end;gap:10px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.admin-detail-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px}.admin-detail-card h3{margin:0 0 8px;font-size:16px}.admin-submission-preview{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px}.assignment-cards{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-focus-dashboard .admin-placeholder-meta{grid-template-columns:1fr}.admin-focus-dashboard>.panel{padding:16px}.funnel-card-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.funnel-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px;color:inherit;text-decoration:none;display:grid;grid-gap:10px;gap:10px;box-shadow:none;transition:border-color .12s ease}.funnel-card:hover{border-color:rgba(62,92,118,.3)}.funnel-card.is-selected{border-color:rgba(150,2,153,.28);box-shadow:inset 3px 0 0 rgba(150,2,153,.85)}.funnel-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.funnel-card-head h3{margin:0;font-size:16px;line-height:1.2;letter-spacing:-.01em}.funnel-card-head p{margin:2px 0 0;font-size:12px;line-height:1.25}.funnel-card-context{font-weight:600}.funnel-card-subline{font-size:11px}.funnel-meta-list{display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr}.funnel-meta-list>div{border:1px solid rgba(62,92,118,.08);border-radius:10px;padding:8px 10px;background:#fafbfc;min-width:0}.funnel-meta-list>div span{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.funnel-meta-list>div strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.funnel-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.funnel-kpi{border:1px solid rgba(62,92,118,.08);border-radius:10px;background:#fafbfc;padding:8px 10px;display:grid;grid-gap:2px;gap:2px}.funnel-kpi small{color:var(--muted);font-size:11px}.funnel-kpi strong{font-size:18px;line-height:1;letter-spacing:-.02em}.funnel-kpi span{color:var(--muted);font-size:11px}.funnel-bars,.funnel-stat-list{display:grid;grid-gap:6px;gap:6px}.funnel-stat-row{display:grid;grid-template-columns:minmax(116px,auto) 1fr auto;align-items:center;grid-gap:8px;gap:8px}.funnel-stat-label{display:grid;grid-gap:1px;gap:1px;min-width:0}.funnel-stat-label span{font-size:12px;line-height:1.1;color:var(--ink)}.funnel-stat-label small{color:var(--muted);font-size:10px;line-height:1.1}.funnel-stat-row>strong{font-size:12px;line-height:1;min-width:34px;text-align:right}.funnel-bar-row{display:grid;grid-template-columns:86px 1fr;align-items:center;grid-gap:8px;gap:8px;font-size:12px;color:var(--muted)}.funnel-bar-track{width:100%;height:8px;border-radius:999px;background:#eef2f6;border:none;overflow:hidden}.funnel-bar-fill{height:100%;border-radius:999px}.funnel-bar-fill.slate{background:rgba(62,92,118,.7)}.funnel-bar-fill.violet{background:rgba(150,2,153,.9)}.funnel-bar-fill.aqua{background:rgba(26,255,213,.95)}.funnel-card-link{color:var(--ink);font-weight:600;font-size:12px;text-decoration:underline;-webkit-text-decoration-color:rgba(150,2,153,.35);text-decoration-color:rgba(150,2,153,.35);text-underline-offset:2px}.funnel-footnote{margin:-2px 0 0;font-size:11px;border-top:1px solid rgba(62,92,118,.08);padding-top:6px}.program-chart-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.program-chart-card{border:1px solid rgba(62,92,118,.1);border-radius:14px;background:#fff;padding:12px;display:grid;grid-gap:10px;gap:10px}.program-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.program-chart-head h3{margin:0;font-size:17px}.program-chart-head p{margin:4px 0 0;font-size:12px}.program-chart-group-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.program-bars{display:flex;align-items:flex-end;gap:10px;min-height:206px;overflow-x:auto;padding-bottom:2px}.program-bar-col{display:grid;justify-items:center;align-content:end;grid-gap:4px;gap:4px;min-width:88px;color:inherit;text-decoration:none;border-radius:10px;padding:6px 4px;border:1px solid transparent;background:#fbfcfd}.program-bar-col:hover{border-color:rgba(150,2,153,.22)}.program-bar-col strong{font-size:15px;line-height:1}.program-bar-col span{font-size:11px;text-align:center;line-height:1.1}.program-bar-group{color:var(--ink);font-weight:600;min-height:2.2em;display:grid;align-content:end}.program-bar-col small{line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.program-bar-col em,.program-bar-col small{color:var(--muted);font-size:10px;text-align:center}.program-bar-col em{font-style:normal}.program-bar-pillar{width:40px;height:128px;border-radius:12px 12px 6px 6px;background:#edf1f5;border:1px solid rgba(62,92,118,.1);position:relative;overflow:hidden;display:flex;align-items:flex-end}.program-bar-fill{width:100%;min-height:2px;border-radius:10px 10px 4px 4px;background:var(--brand-aqua)}@media (max-width:1200px){.admin-panels{grid-template-columns:1.4fr 1fr}.panel-span-2{grid-column:span 2}.auth-shell{grid-template-columns:1fr}.auth-side-grid{grid-template-columns:1fr 1fr 1fr}.admin-placeholder-hero{grid-template-columns:1fr}}@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panels{grid-template-columns:1fr}.panel-span-2{grid-column:span 1}.admin-topbar{flex-direction:column;align-items:stretch}.admin-toolbar{width:100%}.admin-toolbar-row{align-items:stretch}.admin-detail-grid,.admin-toolbar-row,.assignment-cards,.funnel-kpis,.funnel-meta-list,.funnel-stat-row,.participant-grid,.participant-hero,.profile-grid{grid-template-columns:1fr}.funnel-stat-row{gap:4px}.funnel-stat-row>strong{text-align:left;min-width:0}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.app-shell.compact[data-zone=public] .app-sidebar{display:grid;grid-template-columns:1fr;align-items:start;grid-gap:10px;gap:10px}.app-shell.compact[data-zone=public] .app-sidebar .public-topbar-nav{justify-content:flex-start}.app-shell[data-zone=participant] .app-sidebar{position:static;height:auto;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:10px 12px;gap:10px 12px;padding:12px 14px;border-right:none;border-bottom:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(62,92,118,.06)}.app-shell[data-zone=participant] .app-sidebar h2{margin:0;font-size:15px;line-height:1.1}.app-shell[data-zone=participant] .app-sidebar p{display:none}.app-shell[data-zone=participant] .app-sidebar nav{grid-column:1/-1;grid-row:2;display:flex;gap:8px;align-items:center;overflow-x:auto;padding-bottom:2px;margin-top:0;scrollbar-width:none}.app-shell[data-zone=participant] .app-sidebar nav::-webkit-scrollbar{display:none}.app-shell[data-zone=participant] .app-sidebar nav a{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;white-space:nowrap;font-size:13px;background:rgba(255,255,255,.74);border:1px solid rgba(62,92,118,.12)}.app-shell[data-zone=participant] .sidebar-footer{grid-column:2;grid-row:1;margin-top:0;align-self:start;justify-self:end}.app-shell[data-zone=participant] .btn.secondary.sidebar-logout{width:auto;min-height:38px;padding:0 14px;border-radius:12px;white-space:nowrap}.app-shell[data-zone=participant] .app-main,.app-shell[data-zone=participant] .app-main>*{min-width:0}.app-shell[data-zone=participant] .app-main{padding-top:18px}.chart-bars{overflow-x:auto;padding-bottom:8px}.bar-group{min-width:42px}.participant-kpis{grid-template-columns:1fr}.program-bar-col{min-width:96px}.auth-form-grid,.auth-side-grid{grid-template-columns:1fr}.mobile-only{display:grid}.desktop-only{display:none}.task-card-head{align-items:flex-start}.attempt-card-head,.task-card-head{flex-direction:column}.participant-review-toast{right:12px;left:12px;bottom:12px;width:auto}.participant-review-toast-card{padding:11px}}.md-content{color:var(--text);line-height:1.55}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content h1,.md-content h2,.md-content h3,.md-content h4{margin:16px 0 8px;line-height:1.2}.md-content h1{font-size:1.35rem}.md-content h2{font-size:1.15rem}.md-content h3,.md-content h4{font-size:1rem}.md-content p{margin:10px 0}.md-content ol,.md-content ul{margin:10px 0;padding-left:20px}.md-content li+li{margin-top:4px}.md-content a{color:var(--brand-violet);text-decoration:underline;text-underline-offset:2px}.md-content strong{font-weight:700}.md-content em{font-style:italic}.md-table-wrap{margin:12px 0;overflow-x:auto;border:1px solid var(--border);border-radius:14px}.md-table-wrap table{width:100%;border-collapse:collapse;min-width:420px}.md-table-wrap td,.md-table-wrap th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.md-table-wrap thead th{background:color-mix(in srgb,var(--brand-slate) 5%,white);font-weight:700}.md-table-wrap tbody tr:last-child td{border-bottom:none}