@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--teal:#1d9e75;--teal-light:#e1f5ee;--teal-dark:#0f6e56;--teal-mid:#5dcaa5;--amber:#ba7517;--amber-light:#faeeda;--red:#e24b4a;--red-light:#fcebeb;--blue:#378add;--blue-light:#e6f1fb;--gray:#888780;--gray-light:#f1efe8;--purple:#534ab7;--purple-light:#eeedfe;--bg:#fff;--bg2:#f8f8f6;--bg3:#f1efe8;--text:#1a1a18;--text2:#5f5e5a;--text3:#888780;--border:rgba(0,0,0,.1);--border2:rgba(0,0,0,.06);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font:"Plus Jakarta Sans",sans-serif;--shadow-sm:0 1px 3px rgba(0,0,0,.06)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg2);color:var(--text);line-height:1.5;min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}.safe-top{padding-top:env(safe-area-inset-top,0)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}a,button{-webkit-tap-highlight-color:transparent}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;line-height:1.6}.badge-hadir{background:var(--teal-light);color:var(--teal-dark)}.badge-terlambat{background:var(--amber-light);color:var(--amber)}.badge-alpha{background:var(--red-light);color:var(--red)}.badge-belum{background:var(--gray-light);color:var(--gray)}.badge-izin{background:var(--blue-light);color:var(--blue)}.badge-sakit{background:var(--purple-light);color:var(--purple)}