:root{--bg:#f2f4f6;--s:#fff;--s2:#eef1f4;--bd:#d9dfe5;--txt:#1c2630;--mid:#566473;--ac:#0e6b8c;--ac2:#0b566f;--ac-t:#0e6b8c1a;--on-ac:#fff;--ok:#15803d;--wa:#b45309;--er:#c62828;--in:var(--ac);--gu:var(--ac);--adm:var(--ac);--si:var(--ac);--r:10px;--rs:8px;--sh:0 2px 10px #14202c1f;--nav-height:62px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#12181f;--s:#1a222b;--s2:#232d38;--bd:#2f3b48;--txt:#e6ebf0;--mid:#9aa8b6;--ac:#4fb0d1;--ac2:#8bd0e8;--ac-t:#4fb0d124;--on-ac:#08202b;--ok:#4ade80;--wa:#fbbf24;--er:#f87171;--sh:0 2px 12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--txt);min-height:100vh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px);touch-action:manipulation;font-family:Public Sans,system-ui,sans-serif;font-size:.9375rem;line-height:1.55}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--bd);border-radius:6px}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{border-radius:var(--rs);cursor:pointer;z-index:2;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex;position:relative;pointer-events:auto!important}.btn:active,.ni:active,.ham-btn:active,.bn-item:active{opacity:.7}.btn-sm{min-width:38px;min-height:38px;padding:6px 12px;font-size:.875rem}.btn-full{width:100%}.btn-p{background:var(--ac);color:var(--on-ac)}.btn-p:hover{filter:brightness(1.08)}.btn-ok{background:var(--ok);color:#fff}[data-theme=dark] .btn-ok{color:#06210f}.btn-er{background:var(--er);color:#fff}[data-theme=dark] .btn-er{color:#2a0707}.btn-in{color:var(--ac2);border-color:var(--ac);background:0 0}.btn-in:hover{background:var(--ac-t)}.btn-gh{color:var(--txt);border-color:var(--bd);background:0 0}.btn-gh:hover{background:var(--s2)}.fg{margin-bottom:14px}.flbl{color:var(--mid);margin-bottom:5px;font-size:.8125rem;font-weight:600;display:block}.fc{background:var(--s);border:1px solid var(--bd);border-radius:var(--rs);width:100%;color:var(--txt);appearance:none;outline:none;min-height:44px;padding:10px 14px;font-family:inherit;font-size:.9375rem}.fc::placeholder{color:var(--mid);opacity:.8}.fc:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-t)}textarea.fc{resize:vertical;min-height:84px}select.fc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23788796' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.iw{position:relative}.iw i{color:var(--mid);font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.iw .fc{padding-left:42px}input[type=date]{color:var(--txt)}.acode-box{background:var(--s2);border:1px solid var(--bd);border-radius:var(--rs);margin-bottom:14px;padding:12px}.acode-box .flbl{color:var(--ac2)}.fbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.fbar>.fc{flex:1;min-width:140px;min-height:42px;padding:8px 12px}.fbar>.btn{flex:none}.ph-actions{flex-wrap:wrap;gap:8px;display:flex}.fr2{grid-template-columns:1fr;gap:0 12px;display:grid}.hint{color:var(--mid);text-align:center;margin-top:16px;font-size:.8125rem}.login-link{text-align:center;color:var(--mid);margin-top:14px;font-size:.875rem}.login-link a{color:var(--ac2);font-weight:600;text-decoration:none}.app{min-height:100vh;display:flex}.sb{background:var(--s);border-right:1px solid var(--bd);z-index:50;width:248px;height:100vh;box-shadow:var(--sh);flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.sb.open{transform:none}.sb-logo{border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.sb-ic img{object-fit:contain;width:44px;height:44px;display:block}.sb-ttl{white-space:nowrap;font-size:1rem;font-weight:700}.sb-sub{color:var(--mid);font-size:.75rem}.sb-usr{border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.uav{width:36px;height:36px;color:var(--on-ac);background:var(--ac);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.uname{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.urole{color:var(--mid);font-size:.8125rem}#sbPoints,#tbPoints{color:var(--ac2);font-size:.8125rem;font-weight:600}.sb-nav{flex:1;padding:8px;overflow-y:auto}.ni{border-radius:var(--rs);color:var(--mid);white-space:nowrap;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;min-height:44px;margin-bottom:2px;padding:10px 12px;font-size:.9375rem;font-weight:500;display:flex}.ni:hover{background:var(--s2);color:var(--txt)}.ni.on{background:var(--ac-t);color:var(--ac2);border-left-color:var(--ac);font-weight:600}.ni i{text-align:center;flex-shrink:0;width:20px}.nb{background:var(--ac);color:var(--on-ac);border-radius:20px;margin-left:auto;padding:1px 8px;font-size:.75rem;font-weight:700}.logout-btn{border-top:1px solid var(--bd)!important;color:var(--er)!important}.nav-icon-img{object-fit:contain;opacity:.75;flex-shrink:0;width:20px;height:20px}.nav-icon-img-bottom{object-fit:contain;opacity:.75;width:22px;height:22px}[data-theme=dark] .nav-icon-img,[data-theme=dark] .nav-icon-img-bottom{filter:brightness(0)invert()}.sb-backdrop{z-index:49;background:#0a141e80;display:none;position:fixed;inset:0}.sb-backdrop.show{display:block}.mc{flex-direction:column;flex:1;width:100%;min-width:0;min-height:100vh;display:flex}.tb{background:var(--s);border-bottom:1px solid var(--bd);z-index:40;align-items:center;gap:10px;min-height:56px;padding:8px 14px;display:flex;position:sticky;top:0}.ham-btn{color:var(--txt);border-radius:var(--rs);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.2rem;display:flex}.ham-btn:hover{background:var(--s2)}.pg-ttl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.0625rem;font-weight:700;overflow:hidden}.uc{flex-shrink:0;align-items:center;gap:8px;display:flex}.uc .uav{width:30px;height:30px;font-size:.8125rem}.cn{white-space:nowrap;font-size:.875rem;font-weight:600}.rp{white-space:nowrap;background:var(--ac-t);color:var(--ac2);border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.ct{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px 14px 24px}.sec{display:none}.sec.on{display:block}.sg{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.sc{background:var(--s);border:1px solid var(--bd);border-radius:var(--r);align-items:center;gap:12px;padding:14px;display:flex}.sic{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;display:flex;background:var(--ac-t)!important;color:var(--ac)!important}.sv{font-size:1.5rem;font-weight:700;line-height:1.2}.sl{color:var(--mid);font-size:.8125rem}.pn{background:var(--s);border:1px solid var(--bd);border-radius:var(--r);margin-bottom:14px;padding:16px}.pn-hl{background:var(--ac-t);border-color:#0000}.pn-hl-t{font-size:1.0625rem;font-weight:700}.chip{background:var(--s);border-radius:20px;padding:6px 14px;font-size:.875rem;font-weight:600}.ph{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pt{font-size:1rem;font-weight:700}.pt i{color:var(--ac);margin-right:6px}.g2,.geq{grid-template-columns:1fr;gap:14px;display:grid}.g2>div>.pn:last-child,.g2>.pn{margin-bottom:0}.g2{margin-bottom:14px}.info-box{background:var(--s2);border-radius:var(--rs);margin-bottom:14px;padding:12px 14px}.info-lbl{color:var(--mid);margin-bottom:4px;font-size:.8125rem;font-weight:600}.note-box{background:var(--ac-t);border-radius:var(--rs);margin-bottom:14px;padding:12px;font-size:.9rem}.cr-link{color:var(--txt);align-items:center;gap:12px;margin-bottom:14px;text-decoration:none;display:flex}.cr-link:hover{border-color:var(--ac)}.cr-link>i:first-child{border-radius:var(--rs);background:var(--ac);width:40px;height:40px;color:var(--on-ac);flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.cr-link span{flex-direction:column;flex:1;font-weight:600;display:flex}.cr-link small{color:var(--mid);font-size:.8125rem;font-weight:400}.cr-link>i:last-child{color:var(--mid)}.export-card{background:var(--s2);border-radius:var(--r);margin-bottom:12px;padding:14px}.tw{border-radius:var(--r);border:1px solid var(--bd);-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{background:var(--s2);text-align:left;color:var(--mid);border-bottom:1px solid var(--bd);white-space:nowrap;padding:10px 12px;font-size:.8125rem;font-weight:600}td{border-bottom:1px solid var(--bd);vertical-align:middle;padding:10px 12px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--s2)}td:last-child{white-space:nowrap}td:last-child .btn-sm{min-height:34px;margin:1px 2px 1px 0}.bd{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.bd-ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.bd-wa{background:color-mix(in srgb,var(--wa) 16%,transparent);color:var(--wa)}.bd-er{background:color-mix(in srgb,var(--er) 14%,transparent);color:var(--er)}.bd-gy{background:var(--s2);color:var(--mid)}#apprTugasCnt{width:fit-content}.ov{z-index:100;background:#0a141e8c;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.ov.show{animation:.2s fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.mb{background:var(--s);width:100%;max-width:560px;max-height:94vh;box-shadow:var(--sh);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.mb.fv-mb{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.mhd{border-bottom:1px solid var(--bd);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:14px 18px;display:flex}.mttl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.0625rem;font-weight:700;overflow:hidden}.mttl i{color:var(--ac);margin-right:6px}.mcl{color:var(--mid);border-radius:var(--rs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.15rem;display:flex}.mcl:hover{background:var(--s2)}.mbody{flex:1;padding:18px;overflow-y:auto}.mft{border-top:1px solid var(--bd);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.toast{bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);z-index:200;background:var(--s);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:10px;max-width:400px;margin:0 auto;padding:12px 16px;transition:all .3s,visibility 0s linear .3s;display:flex;position:fixed;left:16px;right:16px;transform:translateY(80px)}.toast.show{opacity:1;visibility:visible;transition:all .3s,visibility;transform:none}.tc{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.tt{flex:1;font-size:.9375rem;font-weight:500}#loadingOverlay{z-index:9999;background:#0a141e8c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#loadingOverlay .loader-box{background:var(--s);border-radius:var(--r);text-align:center;box-shadow:var(--sh);padding:28px 40px}#loadingOverlay .spinner{border:3px solid var(--bd);border-top-color:var(--ac);border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.8s linear infinite spin}#loadingOverlay .loader-text{font-weight:600}#loadingOverlay .loader-sub{color:var(--mid);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{z-index:45;background:var(--s);border-top:1px solid var(--bd);padding:4px 0 calc(4px + var(--safe-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--mid);border-radius:var(--rs);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;max-width:80px;min-height:50px;padding:4px 6px;font-family:inherit;font-size:.75rem;font-weight:600;display:flex;position:relative}.bn-item i{font-size:1.15rem}.bn-item.active{color:var(--ac2)}.bn-item.active:after{content:"";background:var(--ac);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}.bn-badge{background:var(--er);color:#fff;border-radius:10px;padding:0 5px;font-size:.6875rem;font-weight:700;position:absolute;top:2px;right:6px}body.modal-open .bottom-nav{display:none!important}.hm{grid-template-columns:repeat(7,1fr);gap:6px;display:grid;overflow-x:auto}.hmc{border-radius:var(--rs);text-align:center;background:var(--s2);min-width:40px;padding:6px 3px}.hmd{color:var(--mid);font-size:.75rem;font-weight:600}.hmn{margin:2px 0;font-size:1rem;font-weight:700}.hmt{color:var(--mid);font-size:.75rem}.h1{background:color-mix(in srgb,var(--ac) 18%,var(--s))}.h2{background:color-mix(in srgb,var(--ac) 38%,var(--s))}.h3{background:color-mix(in srgb,var(--ac) 62%,var(--s))}.h3 .hmn,.h3 .hmd,.h3 .hmt{color:var(--on-ac)}.jc,.apc,.pj-card,.srow,.lb{background:var(--s2);border-radius:var(--rs)}.jc{border:1px solid var(--bd);background:var(--s);border-radius:var(--r);align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;display:flex}.jdb{background:var(--ac);border-radius:var(--rs);text-align:center;min-width:48px;color:var(--on-ac);flex-shrink:0;padding:6px 10px}.jday{font-size:1.15rem;font-weight:700;line-height:1.1}.jmon{font-size:.75rem}.jbody{flex:1;min-width:0}.jtit{margin-bottom:3px;font-weight:600}.jmeta{color:var(--mid);flex-wrap:wrap;gap:4px 12px;font-size:.875rem;display:flex}.jmeta span{align-items:center;gap:4px;display:flex}.lb{align-items:center;gap:10px;min-height:46px;margin-bottom:6px;padding:10px 12px;display:flex}.lbr{text-align:center;min-width:26px;font-weight:700}.lbn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lbp{color:var(--ac2);flex-shrink:0;font-weight:700}.apc{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.api{flex:1;min-width:0}.apt{font-weight:600}.apm{color:var(--mid);font-size:.875rem}.prw{margin-bottom:12px}.prt{justify-content:space-between;margin-bottom:4px;font-size:.875rem;display:flex}.prb,.prog-bar{background:var(--s2);border-radius:6px;height:8px;overflow:hidden}.prf,.prog-fill{border-radius:6px;height:100%;transition:width .5s}.prog-container{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prog-bar{flex:1;min-width:80px}.prog-label{color:var(--mid);text-align:right;min-width:38px;font-size:.8125rem;font-weight:700}.srow{justify-content:space-between;align-items:center;min-height:46px;margin-bottom:6px;padding:10px 12px;display:flex}.slbl{font-weight:600}.sdesc{color:var(--mid);font-size:.875rem}.es{text-align:center;color:var(--mid);padding:28px 12px}.es i{opacity:.4;margin-bottom:8px;font-size:1.8rem;display:block}.es p{font-size:.9375rem}.pj-card{border-left:4px solid var(--ac);margin-bottom:8px;padding:12px 14px}.pj-card.selesai{border-left-color:var(--ok)}.pj-card.onprogress{border-left-color:var(--wa)}.pj-card.belum{border-left-color:var(--mid)}.pj-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.pj-judul{font-weight:600}.pj-meta{color:var(--mid);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:.875rem;display:flex}.pj-meta span{align-items:center;gap:4px;display:flex}.pj-desc{margin-top:6px;font-size:.9rem}.pj-progress{margin-top:8px}.import-result{background:var(--s2);border-radius:var(--rs);padding:12px;font-size:.9rem}.import-result .sukses{color:var(--ok)}.import-result .gagal{color:var(--er)}.import-result .duplikat{color:var(--wa)}.import-result .detail-errors{max-height:120px;color:var(--mid);margin-top:8px;font-size:.8125rem;overflow-y:auto}.drop-zone{border:2px dashed var(--bd);border-radius:var(--r);text-align:center;background:var(--s2);flex-direction:column;justify-content:center;align-items:center;min-height:104px;padding:20px 12px;display:flex;position:relative}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--ac);background:var(--ac-t)}.drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-icon{color:var(--ac);margin-bottom:4px;font-size:1.6rem}.drop-text{font-size:.9375rem;font-weight:500}.drop-sub{color:var(--mid);margin-top:2px;font-size:.8125rem}.file-preview-box{background:var(--s2);border-radius:var(--rs);align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:none}.file-preview-box.show{display:flex}.ftype-ic{border-radius:var(--rs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.ftype-pdf{background:#c62828}.ftype-word{background:#1e5fa8}.ftype-excel{background:#1b7a45}.ftype-other{background:#5b6775}.finfo-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.9rem;font-weight:600;overflow:hidden}.finfo-size{color:var(--mid);font-size:.8125rem}.btn-remove-file{color:var(--mid);cursor:pointer;background:0 0;border:none;min-width:40px;min-height:40px;padding:6px 10px}.btn-remove-file:hover{color:var(--er)}.fbadge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.fbadge-pdf{color:var(--er);background:#c6282824}.fbadge-word{color:var(--ac2);background:#1e5fa824}.fbadge-excel{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.fbadge-other{background:var(--s2);color:var(--mid)}.fv-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.fv-body iframe{background:#fff;border:none;flex:1;width:100%}.fv-nopreview{text-align:center;color:var(--mid);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.fv-nopreview .big-icon{color:var(--bd);font-size:3rem}.word-preview,.excel-preview{color:#111;background:#fff;flex:1;padding:20px;overflow:auto}.fv-sheet-tabs{background:#f1f3f4;border-top:1px solid #ddd;flex-shrink:0;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.fv-sheet-tab{color:#444;white-space:nowrap;cursor:pointer;background:#ddd;border:none;border-radius:6px 6px 0 0;min-height:38px;padding:6px 14px;font-size:.8125rem;font-weight:600}.fv-sheet-tab.active{color:#0b566f;background:#fff}@media (width>=769px){.sb{width:240px;transform:none!important}.sb-backdrop{display:none!important}.mc{margin-left:240px}.ham-btn.menu-toggle,#hamBtn,.bottom-nav{display:none!important}body{padding-bottom:0}.ct{padding:22px 24px 32px}.g2{grid-template-columns:2fr 1fr}.geq,.fr2{grid-template-columns:1fr 1fr}.sg{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mb{border-radius:16px;max-height:90vh}.mb.fv-mb{border-radius:16px;max-width:900px;height:92vh;max-height:92vh}.ov{align-items:center;padding:14px}.toast{max-width:320px;bottom:20px;left:auto;right:20px}}@media (width<=768px){.tw{border:none;overflow:visible}table,tbody,tr,td{width:100%;display:block}thead{display:none}tr{background:var(--s);border:1px solid var(--bd);border-radius:var(--r);margin-bottom:12px;padding:2px 16px 8px}tbody tr:hover td{background:0 0}td{border-bottom:1px solid var(--bd);text-align:right;white-space:normal;overflow-wrap:break-word;min-height:42px;padding:10px 0 10px 38%;line-height:1.45;position:relative}td:before{content:attr(data-label);width:34%;color:var(--mid);text-align:left;font-size:.8125rem;font-weight:600;position:absolute;top:10px;left:0}td[data-main]{text-align:left;padding:14px 0 12px;font-size:1rem}td[data-main]:before,td[data-actions]:before,td[colspan]:before{display:none}td[data-actions]{text-align:left;border-bottom:none;flex-wrap:wrap;gap:8px;padding:12px 0 4px;display:flex}td[data-actions] .btn-sm{min-height:42px;padding:6px 16px}td[colspan]{text-align:center;padding:16px 0}tr td:last-child{border-bottom:none}.cn,.uc .rp,#tbPoints{display:none}.fbar>.fc{min-width:100%}.bottom-nav{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.bottom-nav::-webkit-scrollbar{display:none}.bn-item{flex:1 0 76px;max-width:none}.bn-item span{white-space:nowrap;text-overflow:ellipsis;max-width:72px;overflow:hidden}}.uav{overflow:hidden}.uav img{object-fit:cover;width:100%;height:100%;display:block}[hidden]{display:none!important}.foto-act{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.custom-classroom-icon{object-fit:contain;border-radius:6px;flex-shrink:0;width:55px;height:55px}.grp-row{cursor:pointer;-webkit-user-select:none;user-select:none}.grp-row td{background:var(--s2);border-bottom:1px solid var(--bd);padding:10px 14px;font-weight:600}.grp-row:hover td{background:var(--ac-t)}.grp-row .gh{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grp-row .gh-t{flex:1;min-width:180px}.grp-row .gh-t small{color:var(--mid);font-size:.8125rem;font-weight:500;display:block}.grp-row .gh-s{flex-wrap:wrap;gap:6px;display:flex}.grp-row .gh-chip{background:var(--s);border:1px solid var(--bd);color:var(--mid);border-radius:20px;padding:2px 9px;font-size:.75rem;font-weight:600}.grp-row .gh-chev{color:var(--mid);transition:transform .2s}.grp-row.collapsed .gh-chev{transform:rotate(-90deg)}tr.grp-hide{display:none!important}@media (width<=768px){tr.grp-row{background:0 0;border:none;margin-bottom:6px;padding:0}tr.grp-row td[colspan]{text-align:left;border:1px solid var(--bd);border-radius:var(--r);padding:12px 14px;display:block}}.dash-greet{margin-bottom:14px}.dash-greet small{color:var(--mid);font-size:.8125rem;font-weight:600;display:block}.dash-greet h2{font-size:1.35rem;font-weight:800;line-height:1.25}.dash-hero{background:var(--ac2);color:var(--on-ac);border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:18px 20px;display:flex}.dash-hero small{letter-spacing:.04em;opacity:.9;font-size:.75rem;font-weight:700;display:block}.dash-hero strong{margin:2px 0;font-size:1.2rem;font-weight:800;display:block}.dash-hero span{opacity:.92;font-size:.875rem}.dash-hero .btn{background:var(--on-ac);color:var(--ac2)}.dash-hero.calm{background:var(--s);color:var(--txt);border:1px solid var(--bd)}.dash-hero.calm small,.dash-hero.calm span{color:var(--mid);opacity:1}.dash-main{align-items:start}.hm-bars{align-items:flex-end;gap:8px;display:flex;overflow:visible}.hbar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:150px;display:flex}.hbar b{font-size:.8125rem}.hbar i{background:color-mix(in srgb,var(--ac) 35%,var(--s));border-radius:8px 8px 4px 4px;width:100%;max-width:44px;display:block}.hbar.peak i{background:var(--ac)}.hbar.today i{outline:2px solid var(--ac);outline-offset:2px}.hbar small{color:var(--mid);white-space:nowrap;font-size:.6875rem;font-weight:600}.hbar.today small{color:var(--ac2);font-weight:800}.hm-cap{color:var(--mid);margin-top:10px;font-size:.75rem}.ngrp{border-bottom:1px solid var(--bd);gap:12px;padding:11px 0;display:flex}.ngrp:last-child{border-bottom:none}.ndot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.ngrp .ngb{flex:1;min-width:0}.ngrp .ngb b{font-size:.875rem;display:block}.ngrp .ngb span{color:var(--mid);overflow-wrap:anywhere;font-size:.8125rem;display:block}.ngrp time{color:var(--mid);white-space:nowrap;font-size:.75rem}.podium{align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.pod{text-align:center;flex:1;min-width:0}.pod-n{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;overflow:hidden}.pod-p{color:var(--mid);font-size:.75rem}.pod-b{border-radius:var(--rs) var(--rs) 0 0;color:var(--ac2);justify-content:center;align-items:center;margin-top:6px;font-weight:800;display:flex}.pod1 .pod-b{background:var(--ac);height:80px;color:var(--on-ac)}.pod2 .pod-b{background:color-mix(in srgb,var(--ac) 38%,var(--s));height:56px}.pod3 .pod-b{background:color-mix(in srgb,var(--ac) 20%,var(--s));height:40px}.login-bg{background:#0d2230;justify-content:space-between;align-items:center;gap:40px;min-height:100vh;padding:32px clamp(20px,7vw,110px);display:flex;position:relative;overflow:hidden}.login-bg:before{content:"";background:#0816208c;position:absolute;inset:0}.login-hello{z-index:1;color:#fff;flex:1;max-width:520px;position:relative}.login-hello h2{text-shadow:0 1px 8px #0006;margin-bottom:10px;font-size:1.5rem;font-weight:700}.login-hello p{color:#ffffffeb;text-shadow:0 1px 6px #0006;font-size:1.05rem;line-height:1.6}.login-wrap{z-index:1;flex-shrink:0;width:100%;max-width:440px;position:relative}.login-card{color:#1c2630;--txt:#1c2630;--mid:#566473;--bd:#d9dfe5;background:#fff;border-radius:18px;padding:28px 28px 24px;box-shadow:0 18px 50px #0006}.login-brand{border-bottom:1px solid #d9dfe5;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:18px;display:flex}.login-card .flbl{color:#1c2630;font-size:.85rem}.login-card .fc{color:#1c2630;background:#eef3f7;border:1px solid #d9dfe5;border-radius:10px;min-height:46px}.login-card .fc::placeholder{color:#7b8895}.login-card .fc:focus{background:#fff;border-color:#0e6b8c;box-shadow:0 0 0 3px #0e6b8c26}.login-card .iw i{color:#566473}.login-card .iw .fc{padding-right:44px}.login-card .fc:-webkit-autofill{-webkit-text-fill-color:#1c2630;box-shadow:inset 0 0 0 100px #e3eef6}.pw-eye{color:#566473;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{background:#0000000f}.pw-eye i{color:inherit;position:static;transform:none}.login-actions{justify-content:flex-end;margin-top:6px;display:flex}.login-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1593bd,#0b6f93);border:0;border-radius:10px;align-items:center;gap:8px;min-height:46px;padding:0 24px;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .15s,filter .2s;display:flex;box-shadow:0 5px 14px #0e6b8c66}.login-btn:hover{filter:brightness(1.08)}.login-btn:active{transform:scale(.97)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-card .hint{color:#566473}@media (width<=860px){.login-bg{flex-direction:column;justify-content:center;gap:22px;padding:24px 16px}.login-hello h2{font-size:1.25rem}.login-hello p{font-size:.92rem}.login-bg{justify-content:flex-start;gap:18px;padding:28px 14px 24px}.login-hello{text-align:center;max-width:460px}.login-hello h2{margin-bottom:8px;font-size:1.55rem;line-height:1.2}.login-hello p{font-size:.95rem;line-height:1.55;display:block}.login-wrap{max-width:460px}}@media (width<=420px){.login-hello p{font-size:.9rem;display:block}.login-card{border-radius:18px;padding:22px 18px 20px}.login-card .fg{margin-bottom:14px}.login-card .fc,.login-btn{min-height:52px}}.login-bg{padding:32px clamp(24px,12vw,200px)}.login-wrap{max-width:450px}.login-card{border-radius:20px;padding:36px 36px 32px}.login-card .flbl{margin-bottom:8px;font-size:.95rem;font-weight:700}.login-card .fg{margin-bottom:20px}.login-card .fc{min-height:58px;padding-left:48px;font-size:1.02rem}.login-card .iw i{font-size:1rem;left:16px}.pw-eye{width:40px;height:40px;right:8px}.login-actions{margin-top:8px;display:block}.login-btn{border-radius:12px;justify-content:center;width:100%;min-height:56px;font-size:1.05rem;position:relative}.login-btn i{position:absolute;right:20px}.login-hello h2{margin-bottom:14px;font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.15}.login-hello p{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6}@media (width<=860px){.login-bg{padding:24px 16px}.login-wrap{max-width:460px}.login-hello h2{font-size:1.5rem}}@media (width<=420px){.login-card{padding:24px 20px}}#appScreen[style*=none]~.bottom-nav{display:none!important}body:has(#appScreen[style*=none]){padding-bottom:0}.login-bg{min-height:100dvh}.login-brand{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:20px;display:flex}.login-brand-row{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.login-brand-row .login-mascot{object-fit:contain;flex-shrink:0;width:auto;height:64px;display:block}.login-brand-row .login-brand-img{flex:0 auto;width:min(270px,100% - 80px);min-width:0;height:auto;display:block}.login-brand span{color:#566473;font-size:.85rem;line-height:1.4}@media (width<=420px){.login-brand{margin-bottom:16px;padding-bottom:16px}.login-brand-row{gap:10px}.login-brand-row .login-mascot{height:52px}.login-brand-row .login-brand-img{width:min(215px,100% - 62px)}.login-brand span{font-size:.78rem}}.login-brand-row .login-brand-img{aspect-ratio:568/92;object-fit:cover;object-position:50% 50%;height:auto}.login-slide{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-slide.s1{background-image:url(/assets/beragam4-De_ORIEA.jpg);background-position:50% 35%}.login-slide.s2{opacity:0;background-image:url(/assets/beragamsim-B9ZZEJmj.jpg);background-position:35%;animation:10s ease-in-out infinite loginFade}@keyframes loginFade{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}.login-bg:before{z-index:1}.login-hello,.login-wrap{z-index:2}