@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}:root{--role-super-admin-text:#c084fc;--role-super-admin-glow:rgba(192,132,252,.15);--role-super-admin-bg:rgba(88,28,135,.15);--role-super-admin-border:rgba(192,132,252,.25);--role-admin-text:#38bdf8;--role-admin-glow:rgba(56,189,248,.15);--role-admin-bg:rgba(14,38,74,.4);--role-admin-border:rgba(56,189,248,.2);--role-manager-text:#34d399;--role-manager-glow:rgba(52,211,153,.15);--role-manager-bg:rgba(6,78,59,.2);--role-manager-border:rgba(52,211,153,.2);--role-employee-text:#94a3b8;--role-employee-glow:rgba(148,163,184,.1);--role-employee-bg:rgba(30,41,59,.5);--role-employee-border:rgba(148,163,184,.15);--status-present-text:#5eead4;--status-present-glow:rgba(45,212,191,.15);--status-present-bg:rgba(45,212,191,.05);--status-present-border:rgba(45,212,191,.3);--status-remote-text:#7dd3fc;--status-remote-glow:rgba(125,211,252,.15);--status-remote-bg:rgba(14,116,144,.1);--status-remote-border:rgba(125,211,252,.2);--status-late-text:#fbbf24;--status-late-glow:rgba(251,191,36,.15);--status-late-bg:rgba(245,158,11,.1);--status-late-border:rgba(251,191,36,.2);--status-leave-text:#fb7185;--status-leave-glow:rgba(251,113,133,.15);--status-leave-bg:rgba(225,29,72,.08);--status-leave-border:rgba(251,113,133,.2);--status-inactive-text:#64748b;--status-inactive-glow:rgba(100,116,139,.08);--status-inactive-bg:rgba(30,41,59,.3);--status-inactive-border:rgba(100,116,139,.15);--label-rendah-text:#fbbf24;--label-rendah-bg:rgba(245,158,11,.12);--label-rendah-border:rgba(251,191,36,.15);--label-baik-text:#38bdf8;--label-baik-bg:rgba(56,189,248,.1);--label-baik-border:rgba(56,189,248,.15);--label-baik-sekali-text:#5eead4;--label-baik-sekali-bg:rgba(45,212,191,.1);--label-baik-sekali-border:rgba(45,212,191,.15);--pill-dark-bg:rgba(15,23,42,.45);--pill-dark-border-color:hsla(0,0%,100%,.08);--pill-dark-border-top:hsla(0,0%,100%,.15);--pill-dark-blur:blur(12px);--pill-dark-radius:9999px;--pill-dark-hover-bg:rgba(15,23,42,.65);--pill-dark-hover-blur:blur(16px);--company-badge-bg:rgba(14,38,74,.5);--company-badge-text:#38bdf8;--company-badge-glow:rgba(56,189,248,.08);--company-badge-blur:blur(10px);--duration-norm:250ms}.bio-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--pill-dark-radius);background:var(--pill-dark-bg);backdrop-filter:var(--pill-dark-blur);-webkit-backdrop-filter:var(--pill-dark-blur);border:1px solid var(--pill-dark-border-color);border-top-color:var(--pill-dark-border-top);font-size:.72rem;font-weight:600;letter-spacing:.03em;transition:box-shadow var(--duration-norm) var(--ease-out),background var(--duration-norm) var(--ease-out);white-space:nowrap}.bio-pill--super-admin{color:var(--role-super-admin-text);box-shadow:0 0 12px var(--role-super-admin-glow);background:var(--role-super-admin-bg);border-color:var(--role-super-admin-border)}.bio-pill--super-admin:hover{box-shadow:0 0 20px var(--role-super-admin-glow)}.bio-pill--admin{color:var(--role-admin-text);box-shadow:0 0 12px var(--role-admin-glow);background:var(--role-admin-bg);border-color:var(--role-admin-border)}.bio-pill--admin:hover{box-shadow:0 0 20px var(--role-admin-glow)}.bio-pill--manager{color:var(--role-manager-text);box-shadow:0 0 12px var(--role-manager-glow);background:var(--role-manager-bg);border-color:var(--role-manager-border)}.bio-pill--manager:hover{box-shadow:0 0 20px var(--role-manager-glow)}.bio-pill--employee{color:var(--role-employee-text);box-shadow:0 0 8px var(--role-employee-glow);background:var(--role-employee-bg);border-color:var(--role-employee-border)}.bio-pill--employee:hover{box-shadow:0 0 16px var(--role-employee-glow)}.bio-pill--present{color:var(--status-present-text);box-shadow:0 0 12px var(--status-present-glow);background:var(--status-present-bg);border-color:var(--status-present-border)}.bio-pill--present:hover{box-shadow:0 0 22px var(--status-present-glow)}.bio-pill--remote{color:var(--status-remote-text);box-shadow:0 0 12px var(--status-remote-glow);background:var(--status-remote-bg);border-color:var(--status-remote-border)}.bio-pill--late{color:var(--status-late-text);box-shadow:0 0 12px var(--status-late-glow);background:var(--status-late-bg);border-color:var(--status-late-border)}.bio-pill--leave{color:var(--status-leave-text);box-shadow:0 0 12px var(--status-leave-glow);background:var(--status-leave-bg);border-color:var(--status-leave-border)}.bio-pill--rendah{color:var(--label-rendah-text);box-shadow:0 0 10px var(--label-rendah-bg);background:var(--label-rendah-bg);border-color:var(--label-rendah-border)}.bio-pill--baik{color:var(--label-baik-text);box-shadow:0 0 10px var(--label-baik-bg);background:var(--label-baik-bg);border-color:var(--label-baik-border)}.bio-pill--baik-sekali{color:var(--label-baik-sekali-text);box-shadow:0 0 10px var(--label-baik-sekali-bg);background:var(--label-baik-sekali-bg);border-color:var(--label-baik-sekali-border)}@keyframes pulse-breath{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.65}}@keyframes glow-breathe{0%,to{box-shadow:0 0 10px var(--status-present-glow)}50%{box-shadow:0 0 20px var(--status-present-glow)}}@media (prefers-reduced-motion:reduce){.bio-dot-pulse,.bio-pill{animation:none!important;transition:none!important}}.bio-dot-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;animation:pulse-breath 2.4s ease-in-out infinite}.bio-dot-pulse--present{background:var(--status-present-text)}.bio-dot-pulse--amber{background:var(--status-late-text)}.bio-dot-pulse--neutral{background:var(--status-inactive-text);animation:none}@media (prefers-color-scheme:light){html:not([data-theme=dark]){--status-present-text:#0d9488;--status-present-glow:rgba(13,148,136,.15);--status-present-bg:rgba(13,148,136,.06);--status-present-border:rgba(13,148,136,.25);--status-late-text:#b45309;--status-late-glow:rgba(180,83,9,.12);--status-late-bg:rgba(245,158,11,.08);--status-late-border:rgba(180,83,9,.18);--status-leave-text:#be123c;--status-leave-glow:rgba(190,18,60,.12);--status-leave-bg:rgba(225,29,72,.06);--status-leave-border:rgba(190,18,60,.18);--status-remote-text:#0284c7;--status-remote-glow:rgba(2,132,199,.12);--status-remote-bg:rgba(56,189,248,.07);--status-remote-border:rgba(2,132,199,.18);--label-rendah-text:#b45309;--label-rendah-bg:rgba(245,158,11,.1);--label-rendah-border:rgba(180,83,9,.15);--label-baik-text:#0284c7;--label-baik-bg:rgba(56,189,248,.1);--label-baik-border:rgba(2,132,199,.15);--label-baik-sekali-text:#0d9488;--label-baik-sekali-bg:rgba(13,148,136,.1);--label-baik-sekali-border:rgba(13,148,136,.15);--pill-dark-bg:hsla(0,0%,100%,.65);--pill-dark-border-color:rgba(0,0,0,.07);--pill-dark-border-top:hsla(0,0%,100%,.92);--company-badge-bg:rgba(2,132,199,.07);--company-badge-text:#0284c7;--company-badge-glow:rgba(2,132,199,.1)}}html[data-theme=light]{--status-present-text:#0d9488;--status-present-glow:rgba(13,148,136,.15);--status-present-bg:rgba(13,148,136,.06);--status-present-border:rgba(13,148,136,.25);--status-late-text:#b45309;--status-late-glow:rgba(180,83,9,.12);--status-late-bg:rgba(245,158,11,.08);--status-late-border:rgba(180,83,9,.18);--status-leave-text:#be123c;--status-leave-glow:rgba(190,18,60,.12);--status-leave-bg:rgba(225,29,72,.06);--status-leave-border:rgba(190,18,60,.18);--status-remote-text:#0284c7;--status-remote-glow:rgba(2,132,199,.12);--status-remote-bg:rgba(56,189,248,.07);--status-remote-border:rgba(2,132,199,.18);--label-rendah-text:#b45309;--label-rendah-bg:rgba(245,158,11,.1);--label-rendah-border:rgba(180,83,9,.15);--label-baik-text:#0284c7;--label-baik-bg:rgba(56,189,248,.1);--label-baik-border:rgba(2,132,199,.15);--label-baik-sekali-text:#0d9488;--label-baik-sekali-bg:rgba(13,148,136,.1);--label-baik-sekali-border:rgba(13,148,136,.15);--pill-dark-bg:hsla(0,0%,100%,.65);--pill-dark-border-color:rgba(0,0,0,.07);--pill-dark-border-top:hsla(0,0%,100%,.92);--company-badge-bg:rgba(2,132,199,.07);--company-badge-text:#0284c7;--company-badge-glow:rgba(2,132,199,.1)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:clamp(0.694rem,0.66rem + 0.18vw,0.8rem);--text-sm:clamp(0.833rem,0.78rem + 0.27vw,0.96rem);--text-base:clamp(1rem,0.93rem + 0.36vw,1.15rem);--text-lg:clamp(1.2rem,1.1rem + 0.5vw,1.38rem);--text-xl:clamp(1.44rem,1.3rem + 0.7vw,1.66rem);--text-2xl:clamp(1.728rem,1.54rem + 0.94vw,1.99rem);--text-3xl:clamp(2.074rem,1.82rem + 1.27vw,2.39rem);--surface-primary:#f9fafb;--surface-secondary:#eeeff2;--surface-elevated:#fff;--surface-glass:rgba(249,250,251,.72);--surface-dark-primary:#0f1115;--surface-dark-secondary:#181b21;--surface-dark-elevated:#1c1f26;--surface-dark-glass:rgba(20,24,31,.72);--text-primary:#181d25;--text-secondary:#5a6272;--text-tertiary:#868c98;--text-dark-primary:#e7eaee;--text-dark-secondary:#9aa0ac;--text-dark-tertiary:#717784;--accent-primary:#5870e4;--accent-hover:#3a55df;--accent-active:#2240d3;--accent-success:#34b77a;--accent-danger:#e14747;--border-subtle:#e2e4e9;--border-default:#d1d5db;--border-dark-subtle:#272c34;--border-dark-default:#353a46;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(41,48,61,.06),0 1px 2px rgba(41,48,61,.04);--shadow-md:0 4px 6px -1px rgba(41,48,61,.07),0 2px 4px -2px rgba(41,48,61,.05);--shadow-lg:0 10px 15px -3px rgba(41,48,61,.08),0 4px 6px -4px rgba(41,48,61,.05);--shadow-glass:0 8px 32px rgba(41,48,61,.06),inset 0 0 0 1px hsla(0,0%,100%,.08);--shadow-dark-md:0 4px 6px -1px rgba(3,4,7,.5),0 2px 4px -2px rgba(3,4,7,.3);--shadow-dark-lg:0 10px 15px -3px rgba(3,4,7,.5),0 4px 6px -4px rgba(3,4,7,.3);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;background:var(--surface-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-color-scheme:dark){body{background:var(--surface-dark-primary);color:var(--text-dark-primary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme:light){html:not([data-theme=dark]){--surface-dark-primary:#f6f7f9;--surface-dark-secondary:#eaecf0;--surface-dark-elevated:#fff;--surface-dark-glass:rgba(249,250,251,.88);--text-dark-primary:#1b1f28;--text-dark-secondary:#535c6e;--text-dark-tertiary:#818898;--border-dark-subtle:#dddfe4;--border-dark-default:#c0c5ce}}html[data-theme=light]{--surface-dark-primary:#f6f7f9;--surface-dark-secondary:#eaecf0;--surface-dark-elevated:#fff;--surface-dark-glass:rgba(249,250,251,.88);--text-dark-primary:#1b1f28;--text-dark-secondary:#535c6e;--text-dark-tertiary:#818898;--border-dark-subtle:#dddfe4;--border-dark-default:#c0c5ce}