:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{width:100vw;height:100vh;place-items:center;min-width:320px;height:100dvh;margin:0;display:grid;overflow:hidden}button,input,textarea,select{font:inherit}#app{width:100vw;height:100vh;place-items:center;height:100dvh;display:grid;overflow:hidden}.card{border-radius:1rem}.badge{border-radius:999px;place-items:center;min-height:1.5rem;padding-inline-start:.625rem;padding-inline-end:.625rem;font-size:.75rem;line-height:1;display:inline-grid}.badge-success{color:#166534;background:#dcfce7}.absensi-card[data-v-6b9cf2e5]{color:#0f172a;border:1px solid #0f172a14;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px 12px;padding:10px;display:grid}.photo[data-v-6b9cf2e5]{object-fit:cover;background:#e2e8f0;border:3px solid #fff;border-radius:8px;grid-row:1/span 2;width:64px;height:76px;box-shadow:0 8px 18px #0f172a1f}.fallback[data-v-6b9cf2e5]{color:#047857;place-items:center;font-size:28px;font-weight:800;display:grid}.identity[data-v-6b9cf2e5]{gap:1px;min-width:0;display:grid}.identity strong[data-v-6b9cf2e5],.identity span[data-v-6b9cf2e5],.identity small[data-v-6b9cf2e5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity strong[data-v-6b9cf2e5]{font-size:17px;line-height:1.1}.identity span[data-v-6b9cf2e5]{color:#374151;font-size:13px}.identity small[data-v-6b9cf2e5]{color:#6b7280;font-size:12px}.status-badge[data-v-6b9cf2e5]{text-transform:uppercase;border:0;justify-self:start;min-height:24px;font-size:12px;font-style:normal;font-weight:800;line-height:1}.ontime[data-v-6b9cf2e5]{color:#064e3b;background:#a7f3d0}.late[data-v-6b9cf2e5]{color:#450a0a;background:#fca5a5}.outside[data-v-6b9cf2e5]{color:#422006;background:#fde68a}.leave[data-v-6b9cf2e5]{color:#312e81;background:#c7d2fe}.off[data-v-6b9cf2e5]{color:#f8fafc;background:#64748b}.absensi-panel[data-v-7a8ec9c0]{background:#f8fafcf0;border:1px solid #ffffff7a;border-radius:14px;grid-template-rows:76px minmax(0,1fr);min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 40px #0f172a38}.panel-title[data-v-7a8ec9c0]{color:#fff;background:linear-gradient(135deg,#92400e 0%,#f59e0b 100%);grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:7px;padding:10px 12px;display:grid}.panel-title div[data-v-7a8ec9c0]{min-width:0;display:grid}.panel-title strong[data-v-7a8ec9c0]{font-size:24px;line-height:1}.panel-title span[data-v-7a8ec9c0]{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.attendance-summary[data-v-7a8ec9c0]{grid-template-columns:1fr;gap:6px;display:grid}.summary-badge[data-v-7a8ec9c0]{text-align:center;white-space:nowrap;border-radius:999px;min-width:0;padding:5px 6px;font-style:normal;font-weight:900;line-height:1}.masuk[data-v-7a8ec9c0]{color:#166534;background:#dcfce7}.tidak-masuk[data-v-7a8ec9c0]{color:#991b1b;background:#fee2e2}.absensi-list[data-v-7a8ec9c0]{min-height:0;padding:10px;overflow:hidden}.absensi-track[data-v-7a8ec9c0]{animation:absensiMarquee-7a8ec9c0 var(--scroll-duration) linear infinite;will-change:transform;gap:10px;display:grid}.absensi-group[data-v-7a8ec9c0]{gap:10px;display:grid}.empty[data-v-7a8ec9c0]{color:#475569;text-align:center;margin:20px 8px}@keyframes absensiMarquee-7a8ec9c0{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.gallery-carousel[data-v-f0b70a38]{background:#111827;border:4px solid #111;min-height:0;position:relative;overflow:hidden}figure[data-v-f0b70a38]{width:100%;height:100%;margin:0;position:relative}img[data-v-f0b70a38]{object-fit:cover;width:100%;height:100%}figcaption[data-v-f0b70a38]{color:#fff;background:#00000094;padding:10px;font-size:16px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.empty[data-v-f0b70a38]{color:#fff;place-items:center;height:100%;margin:0;font-weight:800;display:grid}.slide-fade-enter-active[data-v-f0b70a38],.slide-fade-leave-active[data-v-f0b70a38]{transition:opacity .45s,transform .45s}.slide-fade-enter-from[data-v-f0b70a38]{opacity:0;transform:translate(16px)}.slide-fade-leave-to[data-v-f0b70a38]{opacity:0;transform:translate(-16px)}.video-panel[data-v-b7845fe1]{background:#111;border:1px solid #ffffff3d;border-radius:16px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000005c}.video-stage[data-v-b7845fe1]{background:radial-gradient(circle at 50% 0,#22c55e29,#0000 32%),#020617;place-items:center;min-height:0;display:grid;position:relative}video[data-v-b7845fe1]{object-fit:contain;background:#000;width:100%;height:100%}.buffer-state[data-v-b7845fe1]{color:#ffffffe6;pointer-events:none;background:#0000007a;place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.preload-video[data-v-b7845fe1]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.no-video[data-v-b7845fe1]{color:#ffffffc7;font-size:30px;font-weight:800}.tv-page[data-v-b5e572b6]{width:100vw;height:100vh;max-width:100vw;height:100dvh;max-height:100vh;color:#0f172a;background:radial-gradient(circle at 18% 12%,#fef3c7c7,#0000 26%),linear-gradient(135deg,#f59e0b 0%,#facc15 42%,#78350f 100%);max-height:100dvh;margin:0;display:grid;position:relative;overflow:hidden}.parent[data-v-b5e572b6]{background:linear-gradient(#ffffff2e,#78350f24),0 0;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(6,1fr);gap:12px;width:100%;height:100%;min-height:0;padding:14px;display:grid}.tile[data-v-b5e572b6]{background:#f8fafcf0;border:1px solid #ffffff73;border-radius:14px;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 42px #0f172a33}.div3[data-v-b5e572b6]{grid-row:1/span 7;grid-column-start:1}.div4[data-v-b5e572b6]{grid-row:1/span 8;grid-column-start:6}.div6[data-v-b5e572b6]{grid-area:2/2/span 6/span 4}.div7[data-v-b5e572b6]{grid-row-start:8;grid-column-start:1}.div8[data-v-b5e572b6]{grid-column:2/span 4;grid-row-start:8}.div11[data-v-b5e572b6]{grid-column:2/span 2;grid-row-start:1}.div12[data-v-b5e572b6]{grid-column:4/span 2;grid-row-start:1}.logo-tile[data-v-b5e572b6]{background:linear-gradient(#fffffff5,#fef3c7f5)}.logo-tile img[data-v-b5e572b6]{object-fit:contain;max-width:82%;max-height:82%}.logo-tile span[data-v-b5e572b6]{font-size:24px;font-weight:900}.address-tile[data-v-b5e572b6]{text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#facc15 0%,#fef3c7 100%);grid-template-columns:118px minmax(0,1fr);align-content:center;align-items:center;gap:16px;padding:8px 18px}.address-tile img[data-v-b5e572b6]{object-fit:contain;width:108px;height:108px}.address-tile div[data-v-b5e572b6]{gap:2px;min-width:0;display:grid}.address-tile strong[data-v-b5e572b6]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;line-height:1.05;overflow:hidden}.nagari-tile[data-v-b5e572b6]{color:#fff;background:linear-gradient(135deg,#92400e 0%,#f59e0b 100%);position:relative;overflow:hidden}.nagari-track[data-v-b5e572b6],.running-track[data-v-b5e572b6]{will-change:transform;align-items:center;gap:64px;min-width:200%;height:100%;animation:22s linear infinite marquee-b5e572b6;display:inline-flex}.nagari-track span[data-v-b5e572b6]{text-transform:uppercase;white-space:nowrap;min-width:50%;padding-inline-start:24px;padding-inline-end:24px;font-size:30px;font-weight:900}.media-tile img[data-v-b5e572b6]{object-fit:cover;width:100%;height:100%}.bupati-tile[data-v-b5e572b6]{background:0 0;place-items:stretch stretch;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.bupati-copy[data-v-b5e572b6]{justify-items:center;min-width:0;height:100%;margin:0;display:grid;position:relative}.bupati-copy img[data-v-b5e572b6]{object-fit:cover;object-position:top center;filter:drop-shadow(0 12px 18px #78350f47);align-self:start;width:94%;height:94%;min-height:0}.bupati-copy figcaption[data-v-b5e572b6]{color:#fff;text-align:center;text-shadow:0 2px 5px #000000a6;background:linear-gradient(#0000 0%,#020617d1 48%,#020617f5 100%);border-radius:0 0 12px 12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:6px;width:100%;min-width:0;margin:0;padding:28px 7px 7px;line-height:1.05;display:grid;position:absolute;bottom:0;left:0;right:0}.bupati-copy figcaption div[data-v-b5e572b6]{align-items:end;gap:2px;min-width:0;display:grid}.bupati-copy strong[data-v-b5e572b6]{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:10.5px;font-weight:900;line-height:1.08;display:-webkit-box;overflow:hidden}.bupati-copy span[data-v-b5e572b6]{color:#fde68a;white-space:normal;font-size:9.5px;font-weight:800;line-height:1.05;display:block}.media-tile[data-v-b5e572b6]{background:#fff;position:relative}.media-tile[data-v-b5e572b6]:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0206179e);height:42%;position:absolute;top:auto;bottom:0;left:0;right:0}.media-tile div[data-v-b5e572b6]{justify-items:center;gap:2px;display:grid}.media-tile small[data-v-b5e572b6]{color:#64748b;text-transform:uppercase;font-size:13px;font-weight:800}.media-tile strong[data-v-b5e572b6]{color:#92400e;font-size:34px;font-weight:900}.right-stack[data-v-b5e572b6]{background:0 0;grid-template-rows:minmax(170px,.86fr) repeat(3,minmax(0,1fr));gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.gallery-slot[data-v-b5e572b6],.cctv-tile[data-v-b5e572b6],.right-stack .bupati-tile[data-v-b5e572b6]{border:1px solid #ffffff73;border-radius:14px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 18px 42px #0f172a33}.right-stack .bupati-tile[data-v-b5e572b6]{box-shadow:none;border:0}.gallery-slot[data-v-b5e572b6]{background:#0f172a;display:grid}.gallery-slot p[data-v-b5e572b6]{color:#fff;text-align:center;place-items:center;height:100%;margin:0;font-weight:900;display:grid}.cctv-tile[data-v-b5e572b6]{color:#fff;text-align:center;background:linear-gradient(#0f172ae6,#020617f5),repeating-linear-gradient(135deg,#1f2937 0 12px,#111827 12px 24px);align-content:center;place-items:center;gap:10px;display:grid;position:relative}.radar[data-v-b5e572b6]{background:radial-gradient(circle,#facc1580 0 8px,#0000 9px),conic-gradient(#facc15a8,#0000 32%);border:2px solid #facc15b8;border-radius:999px;width:76px;height:76px;animation:2.4s linear infinite spinRadar-b5e572b6}.cctv-tile strong[data-v-b5e572b6]{color:#fde68a;text-transform:uppercase;font-size:28px}.cctv-tile span[data-v-b5e572b6]{font-size:18px;font-weight:800}.slogan-tile[data-v-b5e572b6]{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:visible}.wali-photo[data-v-b5e572b6]{z-index:2;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 10px 14px #0f172a40);width:150%;height:205px;min-height:0;position:absolute;bottom:-10px;left:-10px}.wali-identity[data-v-b5e572b6]{z-index:3;color:#78350f;text-align:left;text-shadow:0 1px #ffffffe6,0 0 8px #ffffffeb;justify-items:start;width:100%;min-width:0;padding-left:0;line-height:1.05;display:grid;position:absolute;bottom:-2px;left:0;right:auto}.wali-identity strong[data-v-b5e572b6]{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:14px;font-weight:900;overflow:hidden}.wali-identity span[data-v-b5e572b6]{text-transform:uppercase;font-size:11px;font-weight:800}.speech-bubble[data-v-b5e572b6]{z-index:4;color:#78350f;text-align:left;background:#fffffff0;border:2px solid #92400e38;border-radius:14px;width:138px;margin:0;padding:10px 12px;font-size:13px;font-weight:900;line-height:1.15;position:absolute;bottom:98px;left:74px;box-shadow:0 14px 24px #0f172a38}.speech-bubble[data-v-b5e572b6]:before{content:"";background:#fffffff0;border-bottom:2px solid #92400e38;border-left:2px solid #92400e38;width:18px;height:18px;position:absolute;bottom:12px;left:-9px;transform:rotate(45deg)}.running-tile[data-v-b5e572b6]{background:linear-gradient(135deg,#facc15 0%,#fef08a 100%);border:1px solid #ffffff73;border-radius:14px;grid-template-columns:minmax(0,1fr) 170px;align-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a2e}.running-track[data-v-b5e572b6]{animation-duration:30s}.running-track span[data-v-b5e572b6]{padding-inline-start:32px;padding-inline-end:32px;white-space:nowrap;min-width:100%;padding-right:96px;font-size:28px;font-weight:900}.running-tile img[data-v-b5e572b6]{z-index:1;object-fit:cover;background:#fff;width:100%;height:100%}.boot-state[data-v-b5e572b6]{z-index:30;color:#fff;text-align:center;background:linear-gradient(135deg,#92400e,#0f172a);grid-row:1/-1;place-content:center;gap:10px;font-size:30px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.splash-state[data-v-b5e572b6]:after{display:none}.splash-state img[data-v-b5e572b6]{object-fit:contain;width:168px;height:168px;margin:0 auto 12px;animation:1.35s ease-in-out infinite logoLoading-b5e572b6}.splash-notes[data-v-b5e572b6]{color:#0f172a;text-align:left;background:radial-gradient(circle at 0 0,#facc1540,#0000 45%),#fff7ed;border-radius:18px;gap:8px;max-width:900px;padding:14px 20px;font-size:16px;display:grid;box-shadow:0 16px 32px #0f172a2e}.splash-badge[data-v-b5e572b6]{color:#fef3c7;letter-spacing:.5px;background:#88e411;border-radius:999px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:800}.splash-notes strong[data-v-b5e572b6]{font-size:22px;font-weight:900}.splash-notes ol[data-v-b5e572b6]{margin:0;padding-left:20px;line-height:1.5}.splash-state strong[data-v-b5e572b6]{color:#111827;font-size:34px;line-height:1}.splash-state em[data-v-b5e572b6]{color:#92400e;border:3px solid #f59e0b;border-radius:999px;place-items:center;width:58px;height:58px;margin:2px auto 12px;font-size:26px;font-style:normal;font-weight:900;line-height:1;display:grid}.splash-cta[data-v-b5e572b6]{color:#fff;letter-spacing:.2px;cursor:pointer;background:#0f172a;border:0;border-radius:999px;justify-self:center;padding:10px 20px;font-size:18px;font-weight:800;box-shadow:0 12px 28px #0f172a38}.splash-cta[data-v-b5e572b6]:active{transform:scale(.98)}.splash-state[data-v-b5e572b6]{color:#111827;background:#fff}.splash-fade-enter-active[data-v-b5e572b6],.splash-fade-leave-active[data-v-b5e572b6]{transition:opacity .85s,transform .85s,filter .85s}.splash-fade-enter-from[data-v-b5e572b6],.splash-fade-leave-to[data-v-b5e572b6]{opacity:0;filter:blur(10px);transform:scale(1.04)}.boot-state span[data-v-b5e572b6]{color:#92400e;max-width:900px;font-size:18px;font-weight:600}.error strong[data-v-b5e572b6]{color:#fecaca}.realtime-pill[data-v-b5e572b6]{z-index:10;color:#cbd5e1;letter-spacing:0;pointer-events:none;background:#0f172aad;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;bottom:8px;right:10px}.realtime-pill.connected[data-v-b5e572b6]{color:#bbf7d0}.fade-enter-active[data-v-b5e572b6],.fade-leave-active[data-v-b5e572b6]{transition:opacity .5s}.fade-enter-from[data-v-b5e572b6],.fade-leave-to[data-v-b5e572b6]{opacity:0}@keyframes marquee-b5e572b6{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spinRadar-b5e572b6{to{transform:rotate(360deg)}}@keyframes logoLoading-b5e572b6{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}