.app-icon[data-v-d651285f]{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon-img[data-v-d651285f]{object-fit:contain;display:block}.top-navbar[data-v-33384e03]{background:var(--white);border-bottom:var(--border);z-index:100;flex-shrink:0;padding:.65rem 1rem}.navbar-inner[data-v-33384e03]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand-box[data-v-33384e03]{cursor:pointer;align-items:center;gap:.65rem;display:flex}.logo-wrapper[data-v-33384e03]{background:var(--accent-yellow);border:var(--border-sm);width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;display:flex}.brand-title[data-v-33384e03]{color:var(--primary-blue);letter-spacing:-.3px;font-size:1rem;font-weight:900;line-height:1.1}.brand-subtitle[data-v-33384e03]{color:var(--gray-dark);font-size:.72rem;font-weight:700;display:block}.navbar-actions[data-v-33384e03]{align-items:center;gap:.45rem;display:flex}.unit-selector[data-v-33384e03]{background:#fef3c7;max-width:175px;padding:.4rem .6rem;font-size:.78rem}.pin-toggle-btn[data-v-33384e03]{border:var(--border-sm);background:var(--gray-light);width:34px;height:34px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.pin-toggle-btn.active[data-v-33384e03]{background:#d1fae5}@media (width>=768px){.brand-title[data-v-33384e03]{font-size:1.2rem}.unit-selector[data-v-33384e03]{max-width:280px;font-size:.85rem}}.bottom-nav[data-v-5cbcdbff]{background:var(--white);border-top:var(--border);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));z-index:100;flex-shrink:0}.bottom-nav-inner[data-v-5cbcdbff]{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.nav-item[data-v-5cbcdbff]{color:var(--gray-dark);border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .25rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.nav-item[data-v-5cbcdbff]:hover{background:var(--gray-light);color:var(--black)}.nav-item.active[data-v-5cbcdbff]{background:var(--accent-yellow);color:var(--black);border-color:var(--black);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.nav-label[data-v-5cbcdbff]{letter-spacing:.2px;font-size:.7rem;font-weight:800}@media (width>=768px){.nav-item[data-v-5cbcdbff]{flex-direction:row;gap:.5rem;padding:.5rem .75rem}.nav-label[data-v-5cbcdbff]{font-size:.85rem}}.app-shell[data-v-3b00f4ba]{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.main-scroll-area[data-v-3b00f4ba]{scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.non-sticky-navbar[data-v-3b00f4ba]{margin-bottom:.5rem}.page-content[data-v-3b00f4ba]{flex:1;padding:1rem .85rem 2rem}@media (width>=768px){.page-content[data-v-3b00f4ba]{padding:1.5rem 1.25rem 2.5rem}}.state-box[data-v-0a6cccc4]{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0;padding:2rem 1rem;display:flex}.loading-box[data-v-0a6cccc4]{border-color:var(--primary-blue);background:#f0f9ff}.error-box[data-v-0a6cccc4]{border-color:var(--accent-red);background:#fee2e2}.empty-box[data-v-0a6cccc4]{background:var(--gray-light)}.state-icon[data-v-0a6cccc4]{font-size:2rem}.state-text[data-v-0a6cccc4]{color:var(--black);font-size:.95rem;font-weight:700}.pulse[data-v-0a6cccc4]{animation:1.4s ease-in-out infinite pulseAnim-0a6cccc4}@keyframes pulseAnim-0a6cccc4{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.12)}}.hero-card[data-v-604ce807]{text-align:center;margin-bottom:1.25rem;padding-top:1.75rem}.unit-pill[data-v-604ce807]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.date-label[data-v-604ce807]{color:var(--gray-dark);font-size:.8rem;font-weight:700}.hero-title[data-v-604ce807]{color:var(--primary-blue);text-shadow:2px 2px 0px var(--accent-yellow);letter-spacing:-.5px;margin-bottom:.75rem;font-size:1.65rem;font-weight:900}.school-decoration[data-v-604ce807]{justify-content:center;gap:1.5rem;margin:.85rem 0;display:flex}.decor-item[data-v-604ce807]{animation:3s ease-in-out infinite floatIcon}.decor-item[data-v-604ce807]:nth-child(2){animation-delay:.5s}.decor-item[data-v-604ce807]:nth-child(3){animation-delay:1s}.hero-desc[data-v-604ce807]{color:var(--gray-dark);max-width:600px;margin:0 auto 1.25rem;font-size:.92rem;font-weight:500;line-height:1.5}.hero-actions[data-v-604ce807]{flex-direction:column;gap:.65rem;display:flex}.btn-main-action[data-v-604ce807]{padding:.9rem 1.5rem;font-size:1rem}@media (width>=640px){.hero-title[data-v-604ce807]{font-size:2.1rem}.hero-actions[data-v-604ce807]{flex-flow:wrap;justify-content:center}}.summary-grid[data-v-10ce5199]{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card[data-v-10ce5199]{box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.9rem;display:flex}.bg-blue-soft[data-v-10ce5199]{background:#eff6ff}.bg-yellow-soft[data-v-10ce5199]{background:#fefce8}.bg-green-soft[data-v-10ce5199]{background:#ecfdf5}.bg-purple-soft[data-v-10ce5199]{background:#f5f3ff}.stat-icon[data-v-10ce5199]{background:var(--white);border:var(--border-sm);width:44px;height:44px;box-shadow:2px 2px 0px var(--black);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info[data-v-10ce5199]{flex-direction:column;display:flex}.stat-value[data-v-10ce5199]{font-size:1.4rem;font-weight:900;line-height:1.1}.stat-label[data-v-10ce5199]{text-transform:uppercase;color:var(--gray-dark);font-size:.72rem;font-weight:800}@media (width>=768px){.summary-grid[data-v-10ce5199]{grid-template-columns:repeat(4,1fr)}}.section-box[data-v-1e121da7]{margin-bottom:1.25rem}.section-header[data-v-1e121da7]{border-bottom:2px dashed var(--black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.section-title[data-v-1e121da7]{text-transform:uppercase;font-size:1rem;font-weight:900}.status-grid[data-v-1e121da7]{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.status-box[data-v-1e121da7]{border:var(--border-sm);text-align:center;box-shadow:2px 2px 0px var(--black);border-radius:8px;flex-direction:column;gap:.2rem;padding:.65rem .4rem;display:flex}.status-box .count[data-v-1e121da7]{font-size:1.35rem;font-weight:900}.status-box .label[data-v-1e121da7]{text-transform:uppercase;font-size:.7rem;font-weight:800}.hadir[data-v-1e121da7]{color:#065f46;background:#d1fae5}.terlambat[data-v-1e121da7]{color:#9a3412;background:#ffedd5}.izin[data-v-1e121da7]{color:#92400e;background:#fef3c7}.sakit[data-v-1e121da7]{color:#991b1b;background:#fee2e2}.dispensasi[data-v-1e121da7]{color:#5b21b6;background:#ede9fe}.alpa[data-v-1e121da7]{color:#374151;background:#f3f4f6}@media (width>=768px){.status-grid[data-v-1e121da7]{grid-template-columns:repeat(6,1fr)}}.wa-card[data-v-40b761ee]{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%)}.wa-header[data-v-40b761ee]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.wa-title[data-v-40b761ee]{color:#065f46;font-size:1rem;font-weight:900}.wa-subtitle[data-v-40b761ee]{color:var(--gray-dark);font-size:.78rem;font-weight:600}.btn-sm[data-v-40b761ee]{padding:.45rem .85rem;font-size:.75rem}.wa-stats-row[data-v-40b761ee]{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.wa-pill[data-v-40b761ee]{background:var(--white);border:var(--border-sm);text-align:center;box-shadow:2px 2px 0px var(--black);border-radius:8px;flex-direction:column;gap:.2rem;padding:.7rem .5rem;display:flex}.wa-num[data-v-40b761ee]{font-size:1.35rem;font-weight:900}.wa-lbl[data-v-40b761ee]{font-size:.7rem;font-weight:800}.wa-pill.success[data-v-40b761ee]{color:#065f46;border-color:#059669}.wa-pill.pending[data-v-40b761ee]{color:#92400e;border-color:#d97706}.wa-pill.failed[data-v-40b761ee]{color:#991b1b;border-color:#dc2626}.wa-alert[data-v-40b761ee]{color:#991b1b;background:#fee2e2;border:2px solid #dc2626;border-radius:8px;margin-top:.85rem;padding:.65rem .85rem;font-size:.8rem;font-weight:600}.filter-bar[data-v-c14a5808]{background:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.filter-left[data-v-c14a5808]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.filter-label[data-v-c14a5808]{font-size:.85rem;font-weight:800}.date-picker[data-v-c14a5808]{width:auto;padding:.45rem .7rem;font-size:.85rem}.btn-refresh[data-v-c14a5808]{padding:.5rem .9rem;font-size:.78rem}.version-footer[data-v-c14a5808]{text-align:center;color:var(--gray-dark);margin-top:1.5rem;font-size:.72rem;font-weight:700}:root{--primary-blue:#2563eb;--secondary-blue:#3b82f6;--accent-yellow:#fbbf24;--accent-red:#ef4444;--accent-green:#10b981;--accent-orange:#f97316;--accent-purple:#8b5cf6;--white:#fff;--black:#000;--gray-light:#f3f4f6;--gray-muted:#e5e7eb;--gray-dark:#374151;--border:3px solid var(--black);--border-sm:2px solid var(--black);--shadow-lg:8px 8px 0px var(--black);--shadow:4px 4px 0px var(--black);--shadow-sm:2px 2px 0px var(--black);--radius:12px;--radius-sm:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;color:var(--black);background:linear-gradient(135deg,#e0f2fe 0%,#f0fdf4 100%);font-family:Inter,Segoe UI,Tahoma,sans-serif;overflow:hidden}.bg-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#3b82f60d 10px 20px)}.neo-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;transition:all .2s;position:relative;overflow:hidden}.neo-card-top-bar:before{content:"";background:linear-gradient(90deg, var(--primary-blue), var(--accent-yellow), var(--accent-green), var(--accent-red));height:8px;position:absolute;top:0;left:0;right:0}.neo-card-left-bar{padding-left:1.5rem}.neo-card-left-bar:before{content:"";background:linear-gradient(180deg, var(--primary-blue), var(--accent-green));width:8px;position:absolute;top:0;bottom:0;left:0}.neo-btn{border:var(--border-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.4px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.neo-btn:hover:not(:disabled){box-shadow:var(--shadow);transform:translate(-2px,-2px)}.neo-btn:active:not(:disabled){box-shadow:1px 1px 0px var(--black);transform:translate(2px,2px)}.neo-btn:disabled{background:var(--gray-light);color:var(--gray-dark);cursor:not-allowed;opacity:.6}.neo-btn-blue{background:var(--primary-blue);color:var(--white)}.neo-btn-yellow{background:var(--accent-yellow);color:var(--black)}.neo-btn-green{background:var(--accent-green);color:var(--white)}.neo-btn-red{background:var(--accent-red);color:var(--white)}.neo-btn-orange{background:var(--accent-orange);color:var(--white)}.neo-btn-white{background:var(--white);color:var(--black)}.neo-input,.neo-select,.neo-textarea{border:var(--border-sm);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--black);box-shadow:var(--shadow-sm);padding:.7rem .9rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .15s}.neo-input:focus,.neo-select:focus,.neo-textarea:focus{border-color:var(--primary-blue);background:#f0f9ff;outline:none}.neo-badge{border:2px solid var(--black);text-transform:uppercase;box-shadow:2px 2px 0px var(--black);border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.neo-badge-green{color:#065f46;background:#d1fae5}.neo-badge-yellow{color:#92400e;background:#fef3c7}.neo-badge-red{color:#991b1b;background:#fee2e2}.neo-badge-blue{color:#1e40af;background:#dbeafe}.neo-badge-gray{background:var(--gray-light);color:var(--gray-dark)}.neo-modal-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.neo-modal-box{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90dvh;padding:1.5rem;animation:.2s ease-out modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.container-page{width:100%;max-width:960px;margin:0 auto}