@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;500;600&family=Nunito:wght@400;500;600;700;800&display=swap";:root{--brand: #0E7C86;--brand-700: #0A5F67;--brand-800: #084A50;--brand-50: #E6F4F5;--brand-100: #C5E6E8;--brand-tint: #EAF6F7;--accent: #F2994A;--accent-soft: #FDF0E2;--ink: #0F1B22;--ink-2: #2C3B43;--muted: #5B6B73;--muted-2: #85959C;--faint: #A9B6BD;--line: #E4EAED;--line-2: #EEF2F4;--surface: #FFFFFF;--surface-2: #F6F9FA;--surface-3: #EFF4F5;--bg: #F1F5F6;--st-hadir: #1F9D55;--st-hadir-bg: #E6F6EC;--st-terlambat: #E8920C;--st-terlambat-bg:#FCF1DD;--st-izin: #2E73E8;--st-izin-bg: #E5EEFD;--st-sakit: #8257E6;--st-sakit-bg: #EFE9FC;--st-alpa: #E0413B;--st-alpa-bg: #FCE7E6;--st-bolos: #C2185B;--st-bolos-bg: #FBE4ED;--st-dinas: #5B6B73;--st-dinas-bg: #EDF1F2;--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-2xl: 28px;--sh-sm: 0 1px 2px rgba(15,27,34,.06), 0 1px 3px rgba(15,27,34,.04);--sh-md: 0 2px 8px rgba(15,27,34,.06), 0 8px 24px rgba(15,27,34,.06);--sh-lg: 0 12px 40px rgba(15,27,34,.12), 0 4px 12px rgba(15,27,34,.06);--sh-brand: 0 8px 24px rgba(14,124,134,.28);--space: 1}[data-theme=dark]{--ink: #EAF1F3;--ink-2: #C2CFD4;--muted: #93A4AB;--muted-2: #738089;--faint: #586770;--line: #243038;--line-2: #1C2730;--surface: #16222A;--surface-2: #121C23;--surface-3: #1B2932;--bg: #0C141A;--brand-tint: #10303A;--brand-50: #10303A;--accent-soft:#36281A;--st-hadir-bg: #11302166;--st-terlambat-bg:#3a2c0f88;--st-izin-bg: #14264866;--st-sakit-bg: #261b4288;--st-alpa-bg: #38161688;--st-bolos-bg: #361124aa;--st-dinas-bg: #22303688;--sh-sm: 0 1px 2px rgba(0,0,0,.4);--sh-md: 0 2px 10px rgba(0,0,0,.4);--sh-lg: 0 16px 48px rgba(0,0,0,.55)}*{box-sizing:border-box}.font-mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}html,body,#root{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scanline{0%{top:18%}50%{top:78%}to{top:18%}}@keyframes fadein{0%{opacity:0}to{opacity:1}}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#788c9466;border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}table{font-variant-numeric:tabular-nums}.m-stage{min-height:100dvh;background:var(--surface-2);display:flex;justify-content:center;align-items:stretch}.m-phone{position:relative;width:100%;max-width:440px;height:100dvh;background:var(--surface-2);overflow:hidden;color:var(--ink);font-family:var(--font)}@media (min-width: 600px){.m-stage{background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--brand) 10%,var(--bg)),var(--bg));padding:24px 0;align-items:center}.m-phone{height:min(900px,calc(100dvh - 48px));border-radius:38px;box-shadow:var(--sh-lg),0 0 0 1px var(--line-2)}}.m-scroll{height:100%;overflow:auto;padding-top:56px;padding-bottom:92px;-webkit-overflow-scrolling:touch}.m-scroll::-webkit-scrollbar{width:0}