.fla .upl{border:1px solid var(--line);background:var(--surf3,var(--surf));border-radius:14px;gap:10px;margin:2px 0 14px;padding:14px 14px 12px;display:grid}.fla .upl-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fla .upl-title{min-width:0;display:grid}.fla .upl-title b{font:600 15px/1.35 var(--head,inherit);color:var(--text)}.fla .upl-label{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.fla .upl-percent{font:600 26px/1 var(--head,inherit);color:var(--brass);font-variant-numeric:tabular-nums;flex-shrink:0}.fla .upl[data-phase=joining] .upl-percent,.fla .upl[data-phase=saving] .upl-percent{color:var(--done)}.fla .upl-track{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.fla .upl-track i{border-radius:inherit;background:var(--brass);height:100%;transition:width .7s;display:block}.fla .upl[data-phase=joining] .upl-track i,.fla .upl[data-phase=saving] .upl-track i{background:var(--done);background:linear-gradient(90deg, var(--done) 0%, color-mix(in srgb, var(--done) 55%, white) 50%, var(--done) 100%);background-size:200% 100%;animation:1.4s linear infinite upl-shine}.fla .upl-numbers{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:13px;display:flex}.fla .upl-journey{color:var(--faint);grid-template-columns:auto minmax(30px,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.fla .upl-end{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.fla .upl-end svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.fla .upl-road{height:8px;position:relative;overflow:hidden}.fla .upl-dots{background-image:radial-gradient(circle, var(--brass) 2px, transparent 2.6px);animation:upl-flow var(--upl-flow,1.2s) linear infinite;background-position:0;background-repeat:repeat-x;background-size:14px 8px;position:absolute;inset:0 0 0 -14px}.fla .upl-journey[data-flow=excellent]{--upl-flow:.45s}.fla .upl-journey[data-flow=good]{--upl-flow:.9s}.fla .upl-journey[data-flow=checking],.fla .upl-journey[data-flow=slow]{--upl-flow:2s}.fla .upl-journey[data-flow=weak]{--upl-flow:4.5s}.fla .upl-journey[data-flow=paused] .upl-dots{opacity:.35;background-image:radial-gradient(circle, var(--faint) 2px, transparent 2.6px);animation-play-state:paused}.fla .upl-journey[data-flow=done] .upl-dots{background-image:radial-gradient(circle, var(--done) 2px, transparent 2.6px);animation:none}.fla .upl-journey[data-flow=done] .upl-end:last-child{color:var(--done);font-weight:600}.fla .upl-line{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;display:flex}.fla .upl-line b{font-weight:600}.fla .upl-bars{color:var(--dim);flex-shrink:0}.fla .upl-bars rect{fill:var(--line2)}.fla .upl-bars rect[data-on="1"]{fill:currentColor}.fla .upl[data-quality=excellent] .upl-line,.fla .upl[data-quality=good] .upl-line,.fla .upl[data-quality=excellent] .upl-bars,.fla .upl[data-quality=good] .upl-bars{color:var(--done)}.fla .upl[data-quality=slow] .upl-line,.fla .upl[data-quality=slow] .upl-bars{color:var(--half)}.fla .upl[data-quality=weak] .upl-line,.fla .upl[data-quality=weak] .upl-bars,.fla .upl[data-quality=stopped] .upl-line,.fla .upl[data-quality=offline] .upl-line{color:var(--miss)}.fla .upl-line span{color:var(--dim);font-variant-numeric:tabular-nums}.fla .upl-map{color:var(--faint);gap:6px;font-size:12px;display:grid}.fla .upl-squares{flex-wrap:wrap;gap:4px;display:flex}.fla .upl-squares i{background:var(--surf2);border:1px solid var(--line);border-radius:3px;width:12px;height:12px}.fla .upl-squares i[data-state=sending]{background:var(--accent-soft);border-color:var(--brass);animation:1.1s ease-in-out infinite upl-pulse}.fla .upl-squares i[data-state=again]{background:var(--warn-soft,var(--surf2));border-color:var(--half);animation:.8s ease-in-out infinite upl-pulse}.fla .upl-squares i[data-state=done]{background:var(--done);border-color:var(--done);animation:.35s ease-out upl-pop}.fla .upl-explain{color:var(--text);background:var(--surf2);border-radius:10px;margin:0;padding:9px 11px;font-size:13.5px;line-height:1.5}.fla .upl[data-quality=excellent] .upl-explain,.fla .upl[data-quality=good] .upl-explain,.fla .upl[data-phase=joining] .upl-explain,.fla .upl[data-phase=saving] .upl-explain{background:var(--good-soft,var(--surf2))}.fla .upl[data-quality=slow] .upl-explain{background:var(--warn-soft,var(--surf2))}.fla .upl[data-quality=weak] .upl-explain,.fla .upl[data-quality=stopped] .upl-explain,.fla .upl[data-quality=offline] .upl-explain{background:var(--overdue-soft,var(--surf2))}.fla .upl-tip{color:var(--dim);margin:0;font-size:12.5px;line-height:1.5;animation:.6s upl-fade}.fla .upl-tip span{letter-spacing:.06em;text-transform:uppercase;color:var(--brass);margin-bottom:1px;font-size:10.5px;font-weight:600;display:block}.fla .upl-cancel{justify-self:start;width:auto!important;padding:5px 12px!important;font-size:12px!important}@keyframes upl-flow{to{transform:translate(14px)}}@keyframes upl-pulse{50%{opacity:.45}}@keyframes upl-pop{0%{transform:scale(.5)}70%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes upl-shine{to{background-position:-200% 0}}@keyframes upl-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
:root{--hp-bg:#feffeb;--hp-sheet:#fff;--hp-ink:#172a46;--hp-ink-deep:#13233b;--hp-ink-press:#0f1e33;--hp-ink-2:#4e5b70;--hp-ink-3:#66728a;--hp-line:#e4ded6;--hp-line-2:#cdc6bc;--hp-accent:#ff6b5b;--hp-accent-text:#c4402f;--hp-accent-on-ink:#ff8a7d;--hp-accent-tint:#ff6b5b1f;--hp-on-ink:#feffeb;--hp-on-ink-2:#feffebbd;--hp-on-ink-3:#feffeb8f;--hp-on-ink-line:#feffeb33;--hp-tint:#172a460b;--hp-tint-2:#172a4614;--hp-scrim:#13233b70;--hp-shadow:0 18px 44px -22px #13233b59;--hp-status-done:#172a46;--hp-status-half:#ff6b5b;--hp-status-miss:#a3312a;--hp-status-absent:#7a7d82;--hp-status-sent:#5d7090;--hp-miss-tint:#a3312a14;--hp-tiku-skin:#ff6b5b;--hp-tiku-shade:#d15346;--hp-tiku-line:#99372c;--hp-tiku-light:#ff8a7c;--hp-tiku-pale:#ffb3aa;--hp-tiku-sucker:#ffe1dc;--hp-tiku-eye:#f7f5ee;--hp-tiku-ink:#1c2333;--hp-tiku-glint:#fff;--hp-serif:var(--hp-font-serif,"Playfair Display"), Georgia, "Times New Roman", serif;--hp-sans:var(--hp-font-sans,"Inter"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hp-hindi:var(--hp-font-hindi,"Noto Sans Devanagari"), "Kohinoor Devanagari", "Mangal", var(--hp-font-sans,"Inter"), sans-serif;--hp-hand:var(--hp-font-hand,"Kalam"), "Segoe Print", "Bradley Hand", cursive;--hp-fs-display:52px;--hp-fs-title:40px;--hp-fs-h1:34px;--hp-fs-h2:28px;--hp-fs-h3:22px;--hp-fs-h4:19px;--hp-fs-name:17px;--hp-fs-lede:17px;--hp-fs-body:15px;--hp-fs-ui:14px;--hp-fs-small:13px;--hp-fs-meta:12px;--hp-fs-eyebrow:11px;--hp-sp-1:4px;--hp-sp-2:8px;--hp-sp-3:12px;--hp-sp-4:16px;--hp-sp-5:20px;--hp-sp-6:24px;--hp-sp-8:32px;--hp-sp-10:40px;--hp-sp-12:48px;--hp-sp-16:64px;--hp-r-xs:3px;--hp-r-sq:4px;--hp-r-ctl:7px;--hp-r-card:10px;--hp-r-big:12px;--hp-r-sheet:16px;--hp-tap:44px;--hp-ctl:42px;--hp-sq:24px;--hp-sq-sm:14px;--hp-sq-lg:32px;--hp-gutter:40px;--hp-gutter-phone:20px;--hp-aside-w:352px;--hp-page-max:1280px}:root[data-hp-theme=dark]{--hp-bg:#111c2d;--hp-sheet:#172438;--hp-ink:#f3f2df;--hp-ink-deep:#0b1422;--hp-ink-press:#0b1422;--hp-ink-2:#c3c6c4;--hp-ink-3:#9aa1ad;--hp-line:#263449;--hp-line-2:#3a4a62;--hp-accent-text:#ff8a7d;--hp-on-ink:#111c2d;--hp-on-ink-2:#111c2dbd;--hp-on-ink-3:#111c2d8f;--hp-on-ink-line:#111c2d33;--hp-tint:#f3f2df0d;--hp-tint-2:#f3f2df17;--hp-scrim:#050a1299;--hp-status-done:#e9e7cf;--hp-status-absent:#8d9096;--hp-status-sent:#8ea0bf}html:has(.hp-root){background:var(--hp-bg)}html:has(.hp-root) body{background:var(--hp-bg)}.hp-root{background:var(--hp-bg);min-height:100dvh;color:var(--hp-ink);font:400 var(--hp-fs-body)/1.5 var(--hp-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.hp-root *,.hp-root :before,.hp-root :after{box-sizing:border-box;font-feature-settings:"lnum" 1!important}.hp-root [lang=hi],.hp-root [data-lang=hi]{font-family:var(--hp-hindi);--hp-serif:var(--hp-font-serif,"Playfair Display"), var(--hp-font-hindi,"Noto Sans Devanagari"), Georgia, "Times New Roman", serif;--hp-sans:var(--hp-font-sans,"Inter"), var(--hp-font-hindi,"Noto Sans Devanagari"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.hp-root :focus-visible{outline:2px solid var(--hp-ink);outline-offset:2px}.hp-root .fla.fla-redesign[data-layout][data-theme]{--bg:var(--hp-bg);--surf:var(--hp-sheet);--surf2:var(--hp-tint);--surf3:var(--hp-sheet);--line:var(--hp-line);--line2:var(--hp-line-2);--text:var(--hp-ink);--dim:var(--hp-ink-2);--faint:var(--hp-ink-3);--brass:var(--hp-ink);--brass-dim:var(--hp-ink-deep);--accent-soft:var(--hp-tint-2);--gold-a:var(--hp-ink);--gold-b:var(--hp-ink-deep);--on-gold:var(--hp-on-ink);--green:var(--hp-status-done);--done:var(--hp-status-done);--late:var(--hp-accent-text);--half:var(--hp-accent-text);--miss:var(--hp-status-miss);--pend:var(--hp-ink-3);--rc-sent:var(--hp-status-sent);--you:var(--hp-ink-2);--good-soft:var(--hp-tint);--warn-soft:var(--hp-accent-tint);--overdue-soft:var(--hp-miss-tint);--serif:var(--hp-serif);--head:var(--hp-sans);--sans:var(--hp-sans);--mono:var(--hp-sans);--hindi:var(--hp-hindi);--sh:none;--sh-lg:var(--hp-shadow);background:var(--hp-bg);color:var(--hp-ink);font-family:var(--hp-sans)}.hp-root .fla.fla-redesign[data-layout=teacher] .rc-cell[data-k=done],.hp-root .fla.fla-redesign[data-layout=teacher] .rc-cell[data-k=late]{background:var(--hp-status-done);color:var(--hp-on-ink)}.hp-root .fla.fla-redesign[data-layout=teacher] .rc-cell[data-k=half]{background:var(--hp-status-half);color:var(--hp-ink)}.hp-root .fla.fla-redesign[data-layout=teacher] .rc-cell[data-k=miss]{background:var(--hp-status-miss);color:var(--hp-on-ink)}.hp-root .fla.fla-redesign[data-layout=teacher] .rc-cell[data-k=absent]{background:var(--hp-status-absent);color:var(--hp-on-ink)}.hp-root .fla.fla-redesign[data-layout=teacher] .rc-cell[data-k=sent]{color:var(--hp-status-sent);box-shadow:inset 0 0 0 1.5px var(--hp-status-sent);background:0 0}
