@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-cyrillic-ext-400-normal.0nsnl23n_6n31.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-400-normal.1dl2imy1n69qn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-vietnamese-400-normal.0tuhl1a7zqzph.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-400-normal.1ebhu3ydxye98.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-latin-ext-400-normal.2dpj9jam_znrc.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-400-normal.1cm1a-poxlrvd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-latin-400-normal.2ysn9gc82zk1v.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-400-normal.0crn-37tc-i3f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/plus-jakarta-sans-cyrillic-ext-500-normal.414w4lwftrt-p.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-500-normal.1ydt4nm9eri8u.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/plus-jakarta-sans-vietnamese-500-normal.32mqaj4wavu_-.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-500-normal.1l5-kl2e5ltii.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/plus-jakarta-sans-latin-ext-500-normal.39x03kic3z_r6.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-500-normal.2hwdsrui_zphl.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/plus-jakarta-sans-latin-500-normal.1evhelic1rxge.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-500-normal.0ovxcd3rb4vux.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-cyrillic-ext-600-normal.21hth67503ask.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-600-normal.06z2bi1zgn__c.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-vietnamese-600-normal.0uos7e0hb0vh9.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-600-normal.3bl-erxcxetvl.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-latin-ext-600-normal.2mnwxc4ivfhul.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-600-normal.07s-jvr3cnqdh.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-latin-600-normal.0p6sew1q6gl7s.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-600-normal.0zi76bk3y5qvy.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-cyrillic-ext-700-normal.1nhq2514h9x8o.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-700-normal.1ib5jkckymo9d.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-vietnamese-700-normal.1z0ss10ckklg_.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-700-normal.2lsr2bj7wsvqp.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-latin-ext-700-normal.1l58qrcouh72i.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-700-normal.2y7a0hldj3559.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-latin-700-normal.1dulefe5e4s81.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-700-normal.11xgn1hzdiyec.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(../media/plus-jakarta-sans-cyrillic-ext-800-normal.0ojkb6is8a7oe.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-800-normal.2bu6-h4y8uo_c.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(../media/plus-jakarta-sans-vietnamese-800-normal.2lzwc5afbmc7w.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-800-normal.0ty0ete13dr7w.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(../media/plus-jakarta-sans-latin-ext-800-normal.1tng2c1ur2mkv.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-800-normal.295rw7u83mr5p.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(../media/plus-jakarta-sans-latin-800-normal.178wlc8rkc-ik.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-800-normal.3jnt1uoqe3s6r.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--brand:#ff1e1e;--brand-dark:#d91212;--brand-soft:#ff8f8f;--brand-tint:#ffe5e5;--brand-tint-2:#ffc7c7;--accent:#0f4c81;--success:#10b981;--success-tint:#d1fae5;--warning:#f59e0b;--green:var(--brand);--green-dark:var(--brand-dark);--text:#424242;--muted:#757575;--line:#e6e6e6;--header:#f3f3f3;--red:#f44336;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background:#fff;font-family:Proxima Nova,Figtree,system-ui,sans-serif}body>*{max-width:480px;margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block}.splash{place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid #dfeedd;border-top-color:var(--green);border-radius:50%;width:34px;height:34px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(84px + var(--safe-bottom));z-index:50;color:#fff;background:#323232;border-radius:8px;max-width:calc(100% - 32px);padding:11px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #0003}.toast.error{background:#c62828}.wordmark{letter-spacing:-1.5px;color:#fff;font-size:34px;font-weight:700;line-height:1}.wordmark b{color:#ffd0d0;font-weight:700}.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar.initials{color:var(--green-dark);background:#dfeedd;place-items:center;font-size:18px;font-weight:700;display:grid}.home{min-height:100vh;padding-bottom:calc(120px + var(--safe-bottom));background:#fff radial-gradient(circle,#eef2f4 1.2px,#0000 1.6px) 0 205px/9px 9px no-repeat}.home-hero{background:var(--green);height:calc(154px + var(--safe-top));padding:calc(9.5px + var(--safe-top)) 14px 0;color:#fff}.home-top{justify-content:space-between;align-items:flex-start;padding-left:3px;display:flex}.home-top .wordmark{margin-top:1px}.lang-toggle{background:#fff;border-radius:13px;justify-content:space-around;align-items:center;width:68px;height:26px;margin:2.5px 2px 0 0;padding:0 6px;display:flex}.lang-toggle button{color:#424242;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.lang-toggle i{background:#d0d0d0;width:1px;height:12px}.home-hero h1{white-space:nowrap;text-overflow:ellipsis;margin:17px 0 0;font-size:19px;font-weight:600;line-height:22px;overflow:hidden}.home-status{align-items:center;gap:13px;margin-top:6px;display:flex}.status-badge{background:var(--green-dark);letter-spacing:.3px;border-radius:4px;align-items:center;height:26px;padding:0 7px;font-size:15.5px;font-weight:600;display:inline-flex}.status-time{letter-spacing:.5px;align-items:center;gap:5px;font-size:15.5px;display:inline-flex}.profile-card{background:#fff;border-radius:8px;align-items:center;height:70px;margin:-29px 14px 0;padding:0 16px;display:flex;position:relative;box-shadow:0 2px 10px #0000001f}.profile-link{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.profile-text{gap:3px;min-width:0;padding-right:56px;display:grid}.profile-text b{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:600;overflow:hidden}.profile-text small{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.bell{color:#8a9399;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 1px 6px #0000002e}.bell em{background:var(--red);color:#fff;text-align:center;border-radius:12px;min-width:23px;height:23px;padding:0 5px;font-size:12.5px;font-style:normal;line-height:23px;position:absolute;top:-13px;right:-4px}.home-menu{grid-template-columns:repeat(3,1fr);grid-auto-rows:84px;margin-top:10px;display:grid}.home-menu a{flex-direction:column;align-items:center;gap:7px;padding-top:5px;display:flex}.home-menu a:nth-child(n+7){margin-top:4px}.home-menu span:last-child{color:var(--text);text-align:center;white-space:nowrap;font-size:15px;line-height:18px}.menu-icon{color:#fff;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 4px 10px #0000001a}.home-banner-card{background:linear-gradient(120deg,#79bf46,var(--brand) 60%,var(--brand-dark));color:#fff;border-radius:12px;flex-direction:column;gap:6px;height:152px;padding:18px 20px;display:flex;overflow:hidden}.home-banner-card small{opacity:.85;font-size:12px}.home-banner-card p{opacity:.95;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:17px;display:-webkit-box;overflow:hidden}.home-banner-dots{justify-content:center;gap:8px;margin-top:12px;display:flex}.home-banner-dots button{background:#c4c4c4;border:0;border-radius:4px;width:8px;height:8px;padding:0}.bottom-nav{z-index:20;width:100%;max-width:480px;height:calc(66px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;grid-template-columns:1fr 77px 1fr;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 8px #00000014}.bottom-nav a{color:#9e9e9e;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:16px;font-weight:500;display:flex}.bottom-nav a.active{color:var(--green-dark);font-weight:700}.bottom-nav-attend{padding-bottom:7px;position:relative;justify-content:flex-end!important}.attend-button{background:var(--green-dark);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000002e}.page-header{z-index:10;height:calc(56px + var(--safe-top));padding-top:var(--safe-top);background:var(--header);grid-template-columns:54px 1fr 54px;align-items:center;display:grid;position:sticky;top:0}.page-header h1{text-align:center;color:#222;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:500;overflow:hidden}.icon-btn{color:#222;background:0 0;border:0;place-items:center;height:56px;display:grid}.page-header-action{place-items:center;display:grid}.coming{text-align:center;color:var(--muted);padding:80px 28px;font-size:15px;line-height:1.5}.offline-bar{left:50%;bottom:calc(74px + var(--safe-bottom));z-index:30;color:#fff;white-space:nowrap;background:#424242;border-radius:16px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 12px;font-size:12.5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 2px 8px #0003}.offline-bar span{text-overflow:ellipsis;overflow:hidden}.offline-bar.pending{background:#f29824}.attend{padding:16px 16px calc(32px + var(--safe-bottom));gap:14px;display:grid}.attend-clock{text-align:center;gap:2px;display:grid}.attend-clock strong{color:#222;letter-spacing:1px;font-size:38px;font-weight:700}.attend-clock span{color:var(--muted);font-size:15px}.attend-times{grid-template-columns:1fr 1fr;gap:8px;display:grid}.attend-times div{border:1px solid var(--line);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.attend-times small{color:var(--muted);font-size:13px}.attend-times b{color:#222;font-size:20px;font-weight:600}.attend-times div.pending{background:#fff8ee;border-color:#f5c27d}.attend-times em{color:#d98100;font-size:11.5px;font-style:normal}.attend-queue{color:#a85d00;background:#fff3e0;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.attend-queue span{flex:1}.attend-queue button,.attend-location button{color:var(--green-dark);background:0 0;border:0;padding:4px;font-size:14px;font-weight:700}.camera{justify-items:center;gap:10px;display:grid}.camera-frame{aspect-ratio:1;background:#eef2f4;border-radius:14px;place-items:center;width:100%;max-height:340px;display:grid;position:relative;overflow:hidden}.camera-frame video,.camera-frame img{object-fit:cover;width:100%;height:100%}.camera-frame video{transform:scaleX(-1)}.camera-frame .hidden{display:none}.camera-empty{color:#7b858d;background:0 0;border:0;justify-items:center;gap:8px;font-size:14px;display:grid}.camera-shot{border:4px solid var(--green-dark);background:#fff;border-radius:50%;width:64px;height:64px;padding:5px}.camera-shot span{background:var(--green-dark);border-radius:50%;width:100%;height:100%;display:block}.text-btn{color:var(--green-dark);background:0 0;border:0;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.attend-location-card{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:11px 14px;font-size:13.5px;transition:all .2s;display:flex}.attend-location-card.inside{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.attend-location-card.outside{color:#991b1b;background:#fef2f2;border-color:#fecaca}.attend-location-card.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.attend-loc-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.attend-loc-title{align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:inline-flex}.attend-location-card.inside .attend-loc-title{color:#15803d}.attend-location-card.outside .attend-loc-title{color:#b91c1c}.attend-location-card.warning .attend-loc-title{color:#b45309}.attend-loc-refresh{color:var(--brand-dark,#2b3a4a);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.attend-loc-refresh:hover{background:#0000000d}.attend-loc-refresh:disabled{opacity:.5;cursor:not-allowed}.attend-loc-info{color:#475569;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;line-height:1.35;display:flex}.attend-location-card.outside .attend-loc-info{color:#7f1d1d}.attend-location-card.inside .attend-loc-info{color:#14532d}.attend-location-card.warning .attend-loc-info{color:#92400e}.attend-loc-name{font-weight:600}.attend-loc-dist{color:#dc2626;font-weight:700}.attend-loc-acc{opacity:.8;font-size:11.5px}.attend-loc-note{color:#b91c1c;margin:2px 0 0;font-size:12px;font-weight:500;line-height:1.35}.attend-loc-note.warning{color:#b45309}.spin{animation:1s linear infinite spin}.attend-note{color:#455a64;background:#eceff1;border-radius:10px;gap:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.primary-btn{background:var(--brand-dark);color:#fff;border:0;border-radius:4px;height:48px;font-size:17.5px;font-weight:600;box-shadow:0 2px 4px #0003}.primary-btn:disabled{background:var(--brand-soft);box-shadow:none}.attend-submit{width:100%}.attend-done{text-align:center;color:var(--green-dark);margin:20px 0;font-size:16px;font-weight:600}.offline-bar{bottom:auto;top:calc(64px + var(--safe-top))}body:has(.bottom-nav) .offline-bar{top:auto;bottom:calc(74px + var(--safe-bottom))}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.brand-logo{align-items:center;gap:9px;display:inline-flex}.brand-mark{background:linear-gradient(160deg,var(--brand),var(--accent));color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 6px #ff1e1e40}.brand-text{letter-spacing:-.8px;color:#4a4f57;font-size:31px;font-weight:700;line-height:1}.brand-text b{color:var(--accent);font-weight:700}.brand-text em{color:var(--accent);font-style:normal}.lang-select{color:#424242;align-items:center;gap:6px;font-size:17px;display:inline-flex;position:relative}.lang-select select{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 18px 0 0}.lang-select:after{content:"";border:5px solid #0000;border-top:6px solid #424242;margin-top:-2px;position:absolute;top:50%;right:2px}.flag{border-radius:50%;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001a}.flag.id{background:linear-gradient(#e53935 50%,#f5f5f5 50%)}.flag.en{background:linear-gradient(#1a3a8f 33%,#f5f5f5 33% 66%,#c62828 66%)}.welcome{min-height:100vh;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:#fff;flex-direction:column;align-items:center;display:flex}.welcome-lang{align-self:flex-end;height:26px;margin-right:-8px}.welcome-logo{align-items:center;height:48px;margin-top:15px;display:flex}.welcome-sub{color:#9e9e9e;margin:8px 0 0;font-size:19px;font-weight:500;line-height:22px}.welcome-slide{text-align:center;width:100%;margin-top:32px}.welcome-art{color:#fff;border-radius:16px;place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.welcome-badge{width:47px;height:47px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;left:15px}.welcome-slide h1{color:#283252;margin:18px 0 0;font-size:19px;font-weight:700;line-height:23px}.welcome-slide p{color:#333;margin:8px 4px 0;font-size:13.5px;line-height:19px}.welcome-dots{align-items:center;gap:7px;margin-top:21px;display:flex}.welcome-dots button{background:#e0e0e0;border:0;border-radius:4px;width:7px;height:7px;padding:0}.welcome-dots button.active{background:var(--accent);width:24px}.welcome-actions{gap:11px;width:100%;margin-top:33px;display:grid}.welcome-btn{background:#fff;border:1.5px solid #0000;border-radius:12px;place-items:center;width:100%;height:52px;font-size:17px;font-weight:700;display:grid}.welcome-btn.primary{background:var(--accent);color:#fff;height:52px;box-shadow:0 3px 6px #0000002b}.welcome-btn.outline{border-color:var(--accent);color:var(--accent);height:50px}.welcome-btn.plain{color:#222;border-color:#d6d6d6;height:50px}.welcome-foot{text-align:center;color:#757575;margin:42px 0 0;font-size:15px;line-height:22px}.sheet-backdrop{z-index:60;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;padding:22px 22px calc(22px + var(--safe-bottom));background:#fff;border-radius:18px 18px 0 0;gap:14px;max-height:90dvh;display:grid;overflow-y:auto}.sheet h2{color:#283252;margin:0;font-size:19px}.sheet p{color:#424242;margin:0;font-size:15px;line-height:1.5}.sheet-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-close-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;display:grid}.sheet-close-btn:hover{color:#0f172a;background:#f1f5f9}.otp-input-field{text-align:center;letter-spacing:8px;font-family:monospace;font-weight:700;font-size:24px!important}.fp-status-icon{color:#16a34a;background:#dcfce7;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 4px;display:grid}.login-page{min-height:100dvh;padding-bottom:calc(28px + var(--safe-bottom));box-sizing:border-box;background:#fff;width:100%;max-width:480px;margin-inline:auto;overflow-x:hidden}.login-top{padding:calc(16px + var(--safe-top)) 20px 0;flex-direction:column;align-items:center;display:flex;position:relative}.login-top .login-lang{top:calc(14px + var(--safe-top));padding:0;position:absolute;right:18px}.login-brand-hero{text-align:center;flex-direction:column;align-items:center;margin-top:14px;display:flex}.login-brand-hero .welcome-sub{color:#8590a2;margin-top:4px;font-size:14px}.login-head{min-height:56px;height:calc(56px + var(--safe-top));padding:var(--safe-top) 16px 0;box-sizing:border-box;background:#fafafa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.login-head .icon-btn{color:#283252;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.login-head h1{color:#283252;flex:1;margin:0;font-size:18px;font-weight:600}.sales-btn{background:var(--brand);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:6px;flex-shrink:0;height:34px;padding:0 12px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #0003}.login-lang{box-sizing:border-box;justify-content:flex-end;height:auto;padding:16px 20px 0;display:flex}.login-form{box-sizing:border-box;width:100%;max-width:100%;padding:0 20px;display:grid}.login-form h2{text-align:center;color:#283252;margin:20px 0 0;font-size:22px;font-weight:700;line-height:1.25}.login-lead{text-align:center;color:#5b6875;margin:6px 0 0;font-size:14px}.outlined{box-sizing:border-box;background:#fff;border:1.5px solid #9e9e9e;border-radius:10px;height:52px;margin-top:24px;position:relative}.outlined.password{margin-top:16px}.outlined input{width:100%;height:100%;font:inherit;color:#222;box-sizing:border-box;background:0 0;border:0;border-radius:10px;outline:none;padding:0 14px;font-size:15px}.outlined.password input{padding-right:48px}.outlined label{color:#6b6b6b;pointer-events:none;background:#fff;padding:0 4px;font-size:15px;transition:all .15s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.outlined input:focus+label,.outlined input:not(:placeholder-shown)+label{color:var(--brand);font-size:12px;top:0}.outlined:focus-within{border:2px solid var(--brand)}.outlined input:not(:focus):not(:placeholder-shown)+label{color:#6b6b6b}.outlined.invalid,.outlined.invalid:focus-within{border-color:#d32f2f}.outlined.invalid label{color:#d32f2f!important}.outlined button{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:6px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-error{color:#d32f2f;margin:4px 0 0 14px;font-size:12px}.login-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:20px;display:flex}.remember{color:#283252;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:inline-flex}.remember input{width:18px;height:18px;accent-color:var(--brand);margin:0}.link-btn{color:var(--brand);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:14px}.login-submit{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;height:46px;margin-top:24px;font-size:16px;font-weight:600;box-shadow:0 3px 5px #0000002e}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-or{text-align:center;color:#9e9e9e;margin:28px 0 0;font-size:13.5px;position:relative}.login-or:before{content:"";border-top:1px solid #e0e0e0;position:absolute;top:50%;left:0;right:0}.login-or span{background:#fff;padding:0 12px;position:relative}.login-company{text-align:center;color:#283252;box-sizing:border-box;gap:6px;margin:36px 0 0;padding:0 4px;font-size:13.5px;display:grid}.login-company b{white-space:normal;font-weight:600;line-height:1.45}.login-company span{color:var(--brand);font-weight:600}.welcome-lang{margin-right:-16px}.brand-text{font-size:28px}.brand-mark{width:42px;height:42px}.welcome-slide{margin-top:29px}.welcome-btn.plain{margin-top:-4px}.home{background:#fff;flex-direction:column;height:100dvh;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.home-fixed{z-index:10;background:radial-gradient(circle,#eef2f4 1.3px,#0000 1.7px) 0 0/9px 9px;flex:none;padding-bottom:12px;position:relative}.home{width:100%;max-width:480px;height:auto;margin-inline:auto;position:fixed;inset:0}.home-scroll{overscroll-behavior:none;-webkit-overflow-scrolling:touch}:is(html:has(.home),body:has(.home)){overscroll-behavior:none;height:100%;overflow:hidden}.home-fixed .home-hero{background:var(--green)}.home-fixed .profile-card{z-index:1}.home-scroll{scrollbar-width:none;min-height:0;padding-bottom:calc(96px + var(--safe-bottom));background:radial-gradient(circle,#eef2f4 1.3px,#0000 1.7px) 0 0/9px 9px fixed;flex:1;overflow-y:auto}.home-scroll::-webkit-scrollbar{display:none}.home-scroll .home-menu{margin-top:6px}.status-badge.waiting{letter-spacing:.6px;background:#6c757d;padding:0 7px}.home-status .status-badge.waiting+.status-time{letter-spacing:.8px;margin-left:2px}.home-banner{margin:50px 28px 0}.home-banner-card{color:#fff;border-radius:14px;flex-direction:row;align-items:center;gap:8px;height:152px;padding:16px 14px 16px 20px;display:flex;overflow:hidden}.home-banner-card>div{flex-direction:column;flex:1;gap:6px;min-width:0;height:100%;display:flex}.home-banner-card strong{font-size:17px;font-weight:700;line-height:20px}.home-banner-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:16px;display:-webkit-box;overflow:hidden}.home-banner-card span{margin-top:auto;font-size:13.5px;font-weight:700}.home-banner-card svg{opacity:.9;flex:none}.home-banner-dots{margin-top:12px}.home-info{margin-top:18px}.home-info header{justify-content:space-between;align-items:center;height:48px;padding:0 24px 0 16px;display:flex}.home-info h2{color:#333;margin:0;font-size:18.5px;font-weight:500}.home-info header a{color:var(--brand);font-size:17px}.info-card{background:#f4f4f5;border:1px solid #e0e0e0;border-radius:8px;height:101px;margin:5px 17px 13px;display:flex;overflow:hidden}.info-card img,.info-art{object-fit:cover;border-radius:7px;flex:none;width:100px;height:100%}.info-art{background:linear-gradient(140deg,#c5e1a5,var(--accent));color:#fff;place-items:center;display:grid}.info-text{flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:0 12px;display:flex}.info-text b{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16.5px;font-weight:400;line-height:19px;display:-webkit-box;overflow:hidden}.info-text small{color:#8a8a8a;font-size:15.5px}.info-empty{color:var(--muted);margin:8px 17px;font-size:14px}.home-top .wordmark{letter-spacing:-1.2px;margin-top:4px;font-size:28px}.home-hero{padding-left:16px}.home-top{padding-left:1px}.home-hero h1{margin-top:17px}.home-status{margin-top:4px}.page-header{height:calc(65px + var(--safe-top));padding-top:calc(9px + var(--safe-top));background:#f4f4f5;grid-template-columns:56px 1fr 56px}.page-header h1{color:#222;font-size:19px;font-weight:400}.page-header .icon-btn{width:56px}.header-search{height:40px;font:inherit;background:#fff;border:0;border-radius:8px;outline:none;min-width:0;padding:0 12px;font-size:17px}.st-terlambat{--st:#f29824}.st-tidak-hadir{--st:#d32f2f}.st-cuti{--st:#1e88e5}.st-izin{--st:#8e24aa}.st-sakit{--st:#6d4c41}.st-sppd{--st:#00897b}.st-remote{--st:#5c6bc0}.daily{padding-bottom:calc(24px + var(--safe-bottom))}.daily-head{border-bottom:1px solid #e1e1e1;justify-content:space-between;align-items:center;margin:15px 17px 0 18px;padding-bottom:15px;display:flex}.daily-head span{color:#333;font-size:20px}.filter-btn{color:#1a73e8;background:#fafbff;border:2px solid #1a73e8;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:85px;height:33px;font-size:17px;font-weight:600;display:inline-flex}.daily-list{margin:0;padding:0;list-style:none}.daily-list li{border-bottom:1px solid #e1e1e1;margin:0 17px 0 18px}.daily-list button{text-align:left;background:0 0;border:0;align-items:center;gap:16px;width:100%;height:97px;padding:0;display:flex}.daily-list button:disabled{cursor:default;color:inherit}.daily-avatar{border:4px solid var(--st,#9e9e9e);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.daily-avatar>span{color:#fff;background:#c5cbe0;border-radius:50%;place-items:end center;width:100%;height:100%;display:grid;overflow:hidden}.daily-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.daily-text{flex:1;gap:3px;min-width:0;display:grid}.daily-text b{color:#424242;white-space:nowrap;text-overflow:ellipsis;font-size:18.5px;font-weight:600;overflow:hidden}.daily-text span{color:#7d7d7d;white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;overflow:hidden}.daily-text em{color:var(--st);font-size:16.5px;font-style:normal}.daily-times{flex:none;align-self:flex-start;gap:7px;min-width:62px;margin-top:22px;display:grid}.daily-times span{color:#7d7d7d;align-items:center;gap:9px;font-size:16.5px;display:flex}.daily-times .in{color:var(--brand-dark)}.daily-times .in.late{color:#ec971f}.daily-times .out,.daily-grid .out{color:#c9302c}.daily-times{margin-right:-5.5px}.daily-times span{padding-left:24.4px;position:relative}.daily-times .mark{position:absolute;top:50%;left:0;transform:translateY(-50%)}.daily-times .mark.in{left:1.9px}.daily-msg{color:var(--muted);margin:16px 18px;font-size:15px}.splash.small{min-height:200px}.dialog-backdrop{z-index:60;background:#0000008a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.daily-detail{background:#fff;border-radius:16px;width:331px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto}.daily-photo{color:#78909c;background:#eceff1;place-items:center;height:317px;font-size:14px;display:grid;position:relative}.daily-photo img{object-fit:cover;width:100%;height:100%}.daily-photo button{color:#222;background:0 0;border:0;padding:4px;position:absolute;top:10px;right:10px}.daily-info{gap:4px;padding:22px 21px 27px;display:grid}.daily-info>b{color:#333;font-size:18px}.daily-info>span{color:#333;font-size:16.5px}.daily-grid{grid-template-columns:1fr 1fr;gap:16px 10px;margin-top:16px;display:grid}.daily-grid div{gap:6px;display:grid}.daily-grid small{color:#333;font-size:16.5px}.daily-grid em{color:#7d7d7d;align-items:center;gap:10px;font-size:16.5px;font-style:normal;display:flex}.daily-grid em[class^=st-]{color:var(--st)}.daily-grid em i{background:var(--st);border-radius:50%;width:13px;height:13px}.daily-grid em.time{gap:20px;padding-left:6px}.daily-grid .in{color:var(--brand-dark)}.wa-btn{color:#fff;background:#4fce5d;border-radius:5px;justify-content:center;align-items:center;gap:10px;height:50px;margin-top:30px;font-size:19px;font-weight:700;display:flex}.wa-btn.disabled{opacity:.45}.filter-dialog{background:#fff;border-radius:12px;flex-direction:column;width:331px;max-width:100%;max-height:calc(100vh - 32px);display:flex;overflow:hidden}.filter-dialog h2{color:#333;border-bottom:2px solid #eee;margin:0;padding:17px 16px;font-size:17px;font-weight:600}.filter-body{padding:4px 16px 0;overflow:auto}.filter-body h3{color:#333;margin:18px 0 8px;font-size:18px;font-weight:600}.check-grid{grid-template-columns:1fr 1fr;gap:12px 6px;display:grid}.check{color:#333;align-items:flex-start;gap:9px;font-size:16.5px;line-height:19px;display:flex}.check input{appearance:none;border:2px solid var(--brand);border-radius:2px;flex:none;place-items:center;width:19px;height:19px;margin:0 0 0 3px;display:grid}.check input:checked:after{content:"";border:solid var(--brand);border-width:0 2.5px 2.5px 0;width:6px;height:11px;transform:rotate(45deg)translate(-1px,-1px)}.filter-actions{grid-template-columns:1fr 1fr;gap:16px;padding:20px 21px 18px;display:grid}.btn-outline{color:#555;background:#fff;border:1.5px solid #ccc;border-radius:4px;height:39px;font-size:17px;font-weight:500}.btn-green{background:var(--brand-dark);color:#fff;border:0;border-radius:4px;height:39px;font-size:17px;font-weight:600}.daily-list{margin-top:8px}.daily-list button{align-items:flex-start;height:97px}.daily-avatar{margin-top:11px}.daily-text{gap:1px;padding-top:7px}.daily-times{gap:4px;margin-top:12px}.page-header h1{font-weight:600}.page-header h1.light{font-weight:400}.announce{padding:0 0 calc(24px + var(--safe-bottom))}.announce h2{color:#333;margin:0;padding:21px 16px 13px;font-size:17.5px;font-weight:400}.announce-card{background:#f4f4f5;border:1.5px solid #e0e0e0;border-radius:8px;height:101px;margin:0 17px 0 16px;display:flex;overflow:hidden}.announce-art{object-fit:cover;border-radius:7px;flex:none;width:100px;height:100%}.art-empty{background:#d6d6d6;align-content:center;place-items:center;gap:2px;display:grid;overflow:hidden}.art-empty span{color:#d6d6d6;background:#bdbdbd;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.art-empty b{color:#c4c4c4;letter-spacing:-.3px;white-space:nowrap;font-size:16px;font-weight:800}.announce-text{flex-direction:column;flex:1;justify-content:center;gap:9px;min-width:0;padding:0 12px;display:flex}.announce-card b{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:400;line-height:21px;display:-webkit-box;overflow:hidden}.announce-card small{color:#8a8a8a;white-space:nowrap;align-items:center;gap:7px;font-size:16px;display:flex}.announce-card small svg{color:#9e9e9e;flex:none}.announce-detail{padding:16px 16px calc(24px + var(--safe-bottom));gap:10px;display:grid}.announce-hero{object-fit:cover;border-radius:10px;width:100%;height:200px}.announce-hero.art-empty b{font-size:34px}.announce-hero.art-empty span{width:56px;height:56px}.announce-detail h2{color:#333;margin:8px 0 0;font-size:20px;font-weight:600}.announce-detail small{color:#8a8a8a;align-items:center;gap:7px;font-size:15px;display:flex}.announce-detail p{color:#333;white-space:pre-wrap;margin:6px 0 0;font-size:16.5px;line-height:1.55}.announce-link{color:#1565c0;align-items:center;gap:8px;font-size:15.5px;font-weight:600;display:inline-flex}.announce h2{padding-top:24px;padding-bottom:10px}.choice-sheet{width:100%;max-width:480px;min-height:60vh;max-height:calc(100vh - 283px);padding-bottom:var(--safe-bottom);background:#fafafa;border-radius:20px 20px 0 0;flex-direction:column;display:flex;overflow:hidden}.sheet-handle{background:#d6d6d6;border-radius:2px;align-self:center;width:70px;height:4px;margin-top:8px}.choice-sheet header{border-bottom:1.5px solid #ddd;justify-content:space-between;align-items:center;height:59px;margin-top:8px;padding:0 20px;display:flex}.choice-sheet h2{color:#222;margin:0;font-size:19px;font-weight:500}.choice-sheet header button{color:#9e9e9e;background:0 0;border:0;display:grid}.choice-sheet ul{margin:0;padding:0;list-style:none;overflow:auto}.choice-sheet li button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:6px 20px;display:flex}.choice-sheet li span{gap:2px;display:grid}.choice-sheet li b{color:#222;font-size:17px;font-weight:600}.choice-sheet li small{color:#757575;font-size:14px}.choice-sheet .on{color:#4cd964;margin-right:-3px}.choice-sheet .off{border:1.5px solid #c8c8c8;border-radius:50%;width:27px;height:27px}.rq{padding:21px 18px calc(110px + var(--safe-bottom));display:grid}.rq-label{color:#444;font-size:17px;line-height:20px}.rq-select{text-align:left;background:#fff;border:1.5px solid #dcdcdc;border-radius:5px;justify-content:space-between;align-items:center;height:50px;margin:9px 0 24px;padding:0 20px 0 14px;display:flex}.rq-select b{color:#222;font-size:17.5px;font-weight:600}.rq-select svg{color:#9e9e9e}.rq-info{color:#26b5d6;border:2px solid #26b5d6;border-radius:5px;align-items:center;gap:10px;height:42px;margin-top:-13px;padding:0 13px;font-size:16px;font-weight:700;display:flex}.rq-title{color:#222;margin:37px 0 0;font-size:19px;font-weight:500}.rq-sub{color:#757575;margin-top:21px;font-size:15.5px}.rq-sub:first-of-type{margin-top:23px}.rq-date{color:#8a8a8a;cursor:pointer;border:1.5px solid #dcdcdc;border-radius:5px;justify-content:space-between;align-items:center;height:46px;margin-top:7px;padding:0 24px 0 14px;font-size:17px;display:flex;position:relative}.rq-date svg{color:#9e9e9e}.rq-date input{opacity:0;pointer-events:none;position:absolute;inset:0}.rq-title+.rq-date{margin-top:16px}.rq-text{height:96px;font:inherit;color:#333;resize:none;border:1.5px solid #dcdcdc;border-radius:5px;outline:none;margin-top:14px;padding:14px 12px;font-size:17px}.rq-text:focus,.rq-select:focus-visible{border-color:var(--brand)}.rq-check{cursor:pointer;gap:12px;margin-top:30px;display:flex}.rq-check input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin:2px 0 0 4px}.rq-check span{gap:3px;display:grid}.rq-check b{color:#333;font-size:17px;font-weight:400}.rq-check small{color:#757575;font-size:14.5px}.rq-note{color:#333;margin:30px 0 0;font-size:17px}.rq-drop{height:144px;margin-top:16px}.rq-photo{margin-top:16px}.rq-error{margin-top:14px}.rq-submit{width:100%;max-width:480px;padding:8px 16px calc(16px + var(--safe-bottom));background:linear-gradient(#0000,#fff 30%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.rq-submit button{background:var(--brand-dark);color:#fff;letter-spacing:.5px;border:0;border-radius:4px;width:100%;height:43px;font-size:17px;font-weight:600}.rq-submit button:disabled{opacity:.7}.rq{padding-top:28px}.rq-select{margin-top:7px}.rq-title{margin-top:26px}.rq-sub,.rq-sub:first-of-type{margin-top:14px}.rq-title+.rq-sub{margin-top:12px}.rq-date{margin-top:7px}.rq-date+.rq-title{margin-top:22px}.rq-text{margin-top:13px}.choice-sheet{height:calc(100dvh - 283px);min-height:0;max-height:none}.choice-sheet header{margin-top:13px}.rb{padding:0 0 calc(90px + var(--safe-bottom))}.rb-empty{text-align:center;color:#333;margin:0;padding-top:274px;font-size:19px;font-weight:600}.rb-list{margin:0;padding:8px 0;list-style:none}.rb-list li{border-bottom:1px solid #eee;gap:12px;padding:14px 18px;display:flex}.rb-icon{color:#26b5d6;background:#e0f7fa;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.rb-text{flex:1;gap:2px;min-width:0;display:grid}.rb-text b{color:#333;font-size:17px}.rb-text small{color:#8a8a8a;font-size:14.5px}.rb-text span{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;overflow:hidden}.rb-side{align-content:start;justify-items:end;gap:6px;display:grid}.rb-side b{color:#333;white-space:nowrap;font-size:16px}.st-badge{color:#ef6c00;background:#fff3e0;border-radius:10px;padding:2px 8px;font-size:12.5px;font-style:normal}.st-badge.diterima{color:#2e7d32;background:#e8f5e9}.st-badge.ditolak{color:#c62828;background:#ffebee}.rb-new{background:var(--brand-dark);color:#fff;border-radius:4px;place-items:center;height:48px;font-size:17px;font-weight:500;display:grid}.rbf{padding:28px 18px calc(24px + var(--safe-bottom));display:grid}.rbf-label{color:#333;font-size:17px;line-height:19px}.rbf-label~.rbf-label{margin-top:20px}.rbf-box{color:#222;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #d6d6d6;border-radius:4px;justify-content:space-between;align-items:center;height:48px;margin-top:6px;padding:0 16px 0 9px;font-size:17px;display:flex;position:relative}.rbf-box svg{color:#9e9e9e}.rbf-box input[type=date]{opacity:0;pointer-events:none;position:absolute;inset:0}.rbf-box.money{cursor:text;border-color:#8a8a8a;justify-content:flex-start;gap:6px}.rbf-box.money input{min-width:0;font:inherit;color:#222;background:0 0;border:0;outline:none;flex:1}.rbf-text{height:77px;font:inherit;color:#333;resize:none;border:1.5px solid #8a8a8a;border-radius:4px;outline:none;margin-top:6px;padding:12px 9px;font-size:17px}.rbf-drop{border-color:#8a8a8a;height:92px;margin-top:6px}.rbf .add-photo{margin-top:6px}.rbf-info{color:#26b5d6;border:1.5px solid #26b5d6;border-radius:8px;align-items:center;gap:10px;margin-top:18px;padding:8px 12px;font-size:15.5px;line-height:19px;display:flex}.rbf-info svg{flex:none}.rbf-submit{background:var(--brand);color:#fff;border:0;border-radius:4px;height:48px;margin-top:25px;font-size:17px;box-shadow:0 2px 4px #0003}.rbf-submit:disabled{opacity:.7}.jd-tabs{background:#fafafa;grid-template-columns:1fr 1fr;height:49px;padding:0 16px;display:grid}.jd-tabs button{color:#c8c8c8;background:0 0;border:0;border-bottom:4px solid #0000;font-size:19px;font-weight:600}.jd-tabs button.on{color:#333;border-bottom-color:var(--brand)}.jd{padding:17px 16px calc(24px + var(--safe-bottom))}.jd-day h2{color:#424242;margin:0;font-size:19px;font-weight:600;line-height:22px}.jd-day dl{color:#424242;grid-template-columns:101px 1fr;row-gap:3px;margin:6px 0 0;font-size:17px;line-height:18px;display:grid}.jd-day dt:after{content:":";float:right;margin-right:-4px}.jd-day dd{justify-content:space-between;margin:0 0 0 10px;display:flex}.jd-day dd i{width:12px;height:12px;margin-top:3px}.jd-all{border:1.5px solid var(--brand);width:100%;height:37px;color:var(--brand);background:#fff;border-radius:4px;margin-top:23px;font-size:17.5px;display:block}.jd-cal{padding:22px 16px calc(24px + var(--safe-bottom))}.jd-month{justify-content:space-between;align-items:center;padding:0 18px 0 22px;display:flex}.jd-month b{color:#283252;font-size:19px;font-weight:600}.jd-month button{color:#424242;background:0 0;border:0;display:grid}.jd-grid{grid-template-columns:repeat(7,1fr);row-gap:0;margin:27px 4px 0;display:grid}.jd-wd{text-align:center;color:#333;height:38px;font-size:16px}.jd-cell{color:#283252;place-items:center;height:35px;font-size:16px;font-weight:700;display:grid;position:relative}.jd-cell.out{color:#a9a9b8;font-weight:500}.jd-cell i{height:3px;position:absolute;bottom:1px;left:0;right:0}.jd-cell.today b{border:2px solid var(--brand);color:#7d7d7d;background:#f1f8e0;border-radius:50%;place-items:center;width:35px;height:35px;margin-top:4px;font-weight:500;display:grid}.jd-legend-title{color:#333;margin:43px 0 0;font-size:19px;font-weight:500}.jd-legend{gap:12px;margin-top:16px;display:flex}.jd-legend>i{flex:none;width:12px;height:12px;margin-top:14px}.jd-legend>div{flex:1;gap:6px;display:grid}.jd-legend b{color:#424242;font-size:16.5px}.jd-legend>div>span{color:#757575;justify-content:space-between;font-size:16.5px;display:flex}.jd-legend em{color:#333;font-style:normal}.jd-sheet{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;height:calc(100dvh - 139px);display:flex;overflow:hidden}.jd-sheet h2{color:#222;border-bottom:1px solid #e6e6e6;margin:13px 0 0;padding:0 9px 16px;font-size:17.5px;font-weight:400}.jd-sheet-body{padding:10px 10px calc(16px + var(--safe-bottom));align-content:start;gap:8px;display:grid;overflow:auto}.jd-pattern{border:1.5px solid #e6e6e6;border-radius:8px;padding:23px 13px 14px}.jd-pattern header{align-items:center;gap:13px;display:flex}.jd-pattern header i{border-radius:2px;width:13px;height:13px}.jd-pattern header b{color:#222;flex:1;min-width:0;font-size:17px;font-weight:400}.jd-pattern header i{flex-shrink:0}.jd-shift-switch{cursor:pointer;background:#a8adb0;border:0;border-radius:20px;flex-shrink:0;width:46px;height:28px;padding:3px}.jd-shift-switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;display:block}.jd-shift-switch[aria-checked=true]{background:#4c9953}.jd-shift-switch[aria-checked=true] span{transform:translate(18px)}.jd-shift-switch:disabled{cursor:default;opacity:.6}.jd-shift-switch:focus-visible{outline-offset:3px;outline:3px solid #14558a}.jd-shift-note,.jd-shift-warning{color:#59616b;margin:0;padding:8px 4px;font-size:14px;line-height:1.6}.jd-shift-warning{color:#8b3f18;background:#fff5e8;border-radius:6px;padding:12px}.jd-shift-history{color:#59616b;margin:24px 0;font-size:14px}.jd-shift-history summary{cursor:pointer;padding:10px 0}.jd-shift-history ol{padding-left:20px}.jd-shift-history li{padding:8px 0}.jd-shift-history li span{line-height:1.6;display:block}.jd-pattern p{color:#757575;border-bottom:1px solid #ddd;margin:14px 0 0;padding-bottom:10px;font-size:14.5px;line-height:19px}.jd-pattern table{border-collapse:collapse;text-align:center;width:100%;margin-top:8px;font-size:14.5px}.jd-pattern th{color:#424242;padding:6px 0;font-weight:600}.jd-pattern th:first-child,.jd-pattern td:first-child{text-align:left;padding-left:7px}.jd-pattern td{color:#757575;padding:4px 0}.jd-pattern tr.off td:not(:first-child){color:#e53935}.jd-day+.jd-day{margin-top:16px}.jd-wd{height:24px;line-height:24px}.jd-sheet-body{padding-top:17px}.jd-pattern table{font-size:16px}.jd-pattern p{font-size:16px;line-height:22px}.empty-state{text-align:center;justify-items:center;gap:0;display:grid}.empty-state b{color:#222;margin-top:20px;font-size:19px;font-weight:400}.empty-state span{color:#bdbdbd;margin-top:6px;font-size:16px}.empty-art{place-items:center;display:grid}.art-note{width:226px;height:226px;color:var(--accent);place-items:center;display:grid;position:relative}.art-note svg:last-child{color:#33434b;position:absolute;bottom:24px;right:20px}.art-card{color:#fff;background:linear-gradient(135deg,#29b6f6,#0d47a1);border-radius:8px;place-items:center;width:110px;height:76px;display:grid;box-shadow:0 14px 16px -10px #0004}.art-card svg{width:70px;height:70px}.slip{padding-bottom:calc(24px + var(--safe-bottom))}.slip-empty{padding-top:33px}.slip-list{margin:0;padding:8px 0;list-style:none}.slip-list a{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:16px 18px;display:flex}.slip-list a>span{flex:1;gap:2px;display:grid}.slip-list b{color:#333;font-size:17px}.slip-list small{color:#8a8a8a;font-size:14px}.slip-list em{color:var(--brand-dark);font-size:16.5px;font-style:normal;font-weight:700}.slip-list svg{color:#bdbdbd}.slip-detail{padding:16px 16px calc(24px + var(--safe-bottom));gap:12px;display:grid}.slip-head{background:linear-gradient(120deg,var(--brand),var(--brand-dark));color:#fff;border-radius:10px;gap:3px;padding:16px;display:grid}.slip-head b{font-size:20px}.slip-head span{font-size:16px}.slip-head small{opacity:.9;font-size:13.5px}.slip-box{border:1px solid #e6e6e6;border-radius:10px;gap:8px;padding:12px 14px;display:grid}.slip-box h2{color:#333;margin:0 0 2px;font-size:16px}.slip-box div{color:#555;justify-content:space-between;font-size:15.5px;display:flex}.slip-box div.sum{color:#333;border-top:1px dashed #ddd;padding-top:8px;font-weight:700}.slip-net{background:var(--brand-tint);color:#2e7d32;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:17px;display:flex}.slip-net b{font-size:19px}.survey{min-height:calc(100vh - 65px);padding-bottom:calc(24px + var(--safe-bottom));background:#fafafa}.survey-empty{padding-top:313px}.survey-empty b{margin-top:26px}.survey-list{background:#fff;margin:0;padding:8px 0;list-style:none}.survey-list a{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:16px 18px;display:flex}.survey-list a>span{flex:1;gap:3px;min-width:0;display:grid}.survey-list b{color:#333;font-size:17px}.survey-list small{color:#8a8a8a;font-size:14px}.survey-list em{color:#1565c0;background:#e3f2fd;border-radius:12px;padding:3px 10px;font-size:13px;font-style:normal;font-weight:700}.survey-list em.done{color:#2e7d32;background:#e8f5e9}.survey-list svg{color:#bdbdbd}.survey-form{padding:18px 16px calc(24px + var(--safe-bottom));gap:12px;display:grid}.survey-form h2{color:#333;margin:0;font-size:19px}.survey-form>p{color:#757575;margin:0;font-size:15px}.survey-form fieldset{border:1px solid #e6e6e6;border-radius:10px;margin:0;padding:12px 12px 8px}.survey-form legend{color:#333;padding:0 4px;font-size:15.5px}.likert{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px;display:grid}.likert label{display:grid}.likert input{opacity:0;position:absolute}.likert span{color:#555;border:1.5px solid #ddd;border-radius:8px;place-items:center;height:40px;font-weight:700;display:grid}.likert input:checked+span{border-color:var(--brand-dark);background:var(--brand-dark);color:#fff}.likert input:focus-visible+span{outline:2px solid var(--brand)}.likert-hint{color:#9e9e9e;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.survey-done{color:#2e7d32;background:#e8f5e9;border-radius:10px;margin:6px 0 0;padding:14px;font-size:15.5px}.slip-empty .art-note{width:258px;height:258px}.slip-empty .art-note svg:first-child{color:var(--accent);width:190px;height:190px}.slip-empty b{margin-top:18px}.set{padding-bottom:calc(24px + var(--safe-bottom))}.set-profile{border-bottom:4px solid #f0f0f0;align-items:center;gap:10px;padding:15px 16px 17px;display:flex}.set-profile span{gap:6px;display:grid}.set-profile b{color:#333;font-size:19px;font-weight:600}.set-profile small{color:#333;font-size:16.5px}.set-list{margin:0;padding:0;list-style:none}.set-list a,.set-list button{color:#444;text-align:left;background:0 0;border:0;border-bottom:1.5px solid #eee;align-items:center;gap:10px;width:100%;height:61px;padding:0 16px;font-size:18px;display:flex}.set-list i{background:var(--brand-tint);width:40px;height:40px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.pf{padding:16px 16px calc(24px + var(--safe-bottom));background:#fafafa;align-content:start;gap:16px;min-height:calc(100vh - 114px);display:grid}.pf-tabs{scrollbar-width:none;background:#fff;padding:0 16px;display:flex;overflow-x:auto}.pf-tabs::-webkit-scrollbar{display:none}.pf-tabs:after{content:"";flex:0 0 16px}.pf-tabs button{color:#c8c8c8;white-space:nowrap;background:0 0;border:0;border-bottom:4px solid #0000;flex:none;height:49px;padding:0 20px;font-size:17.5px;font-weight:600}.pf-tabs button.on{color:#333;border-bottom-color:var(--brand)}.pf-card{background:#fafafa;border:1.5px solid #e6e6e6;border-radius:10px;gap:14px;padding:16px 17px 20px;display:grid}.pf-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.pf-field{color:#333;grid-column:1/-1;gap:9px;font-size:17px;display:grid}.pf-field.half{grid-column:auto}.pf-field input,.pf-field textarea,.pf-select select,.pf-date input{width:100%;height:44px;font:inherit;color:#222;background:#fff;border:1.5px solid #8a8a8a;border-radius:5px;outline:none;padding:0 12px;font-size:17px}.pf-field textarea{resize:vertical;height:120px;padding:10px 12px}.pf-field.readonly input{background:#e0e0e0;border-color:#aaa}.pf-field input:focus,.pf-field textarea:focus,.pf-select select:focus{border-color:var(--brand)}.pf-select,.pf-date{display:block;position:relative}.pf-select select{appearance:none;padding-right:40px}.pf-select svg,.pf-date svg{color:#757575;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pf-date input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:48px;height:100%;position:absolute;right:0}.pf-heading{color:#333;grid-column:1/-1;margin:4px 0 0;font-size:17.5px;font-weight:600}.pf-item-head{justify-content:space-between;align-items:center;display:flex}.pf-item-head b{color:#333;font-size:17px}.pf-item-head button{color:#e53935;background:#fff;border:1.5px solid #e53935;border-radius:5px;padding:6px 14px;font-size:15px}.pf-add{border:1.5px solid var(--brand);height:48px;color:var(--brand);background:#fff;border-radius:4px;font-size:17px}.pf-save{background:var(--brand-dark);color:#fff;border:0;border-radius:4px;height:48px;font-size:17.5px;font-weight:500;box-shadow:0 2px 4px #0003}.pf-save:disabled{background:var(--brand-soft);box-shadow:none}.pf-save.on:disabled{background:var(--brand-dark);opacity:.7}.pw-switch{color:#333;cursor:pointer;align-items:center;gap:14px;margin:4px 0 2px 8px;font-size:17.5px;display:flex}.pw-switch input{opacity:0;position:absolute}.pw-switch i{background:#8f9ba5;border-radius:10px;flex:none;width:36px;height:20px;position:relative}.pw-switch i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:4px;left:4px}.pw-switch input:checked+i{background:var(--brand)}.pw-switch input:checked+i:after{left:20px}.pw-box{display:block;position:relative}.pw-box input{padding-right:52px}.pw-box button{color:#757575;background:0 0;border:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pf-card hr{border:0;border-top:4px solid #ebebeb;width:100%;margin:6px 0 0}.pw-forgot{color:#1a73e8;background:0 0;border:0;justify-self:start;margin-top:-6px;padding:0;font-size:16.5px}.speed{text-align:center;justify-items:center;padding-top:60px}.speed-dial{border:8px solid var(--brand-tint);width:160px;height:160px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.speed-dial.run{border-top-color:var(--brand);animation:1.2s linear infinite spin}.speed-result{gap:40px;display:flex}.speed-result div{gap:4px;display:grid}.speed-result small{color:#757575;font-size:15px}.speed-result b{color:#222;font-size:24px}.speed-note{color:var(--brand);margin:0;font-weight:600}.speed .pf-save{width:100%}.notif{padding:0 0 calc(24px + var(--safe-bottom))}.notif-bar{justify-content:space-between;align-items:center;height:75px;padding:0 16px 0 15px;display:flex}.notif-bar b{color:#222;font-size:19.5px;font-weight:600}.notif-bar button{color:#1a73e8;background:0 0;border:0;padding:0;font-size:16.5px;font-weight:500}.notif section h2{color:#444;height:44px;margin:0;padding:10px 13px 0;font-size:17px;font-weight:400}.notif-item{text-align:left;background:0 0;border:0;align-items:center;gap:13px;width:100%;min-height:70px;margin-bottom:6px;padding:0 13px;display:flex;position:relative}.notif-icon{color:#707070;background:#e8e8e8;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.notif-body{flex:1;gap:9px;min-width:0;display:grid}.notif-body b{letter-spacing:-.2px;color:#222;align-items:center;gap:8px;font-size:16.2px;font-weight:600;line-height:1.2;display:flex}.notif-body b i{background:#d32f2f;border-radius:50%;flex:none;width:10px;height:10px}.notif-body small{color:#777;align-items:center;gap:8px;margin-left:-2px;font-size:16px;display:flex}.notif-item em{color:#fff;background:#64a6f7;border-radius:5px;place-items:center;height:27px;padding:0 8px;font-size:14.5px;font-style:normal;font-weight:500;display:grid;position:absolute;bottom:6px;right:16px}.notif-empty{color:#555;justify-items:center;gap:16px;padding-top:60px;font-size:17px;display:grid}.city-art{width:265px;height:196px}.acc{min-height:100vh;padding-bottom:calc(30px + var(--safe-bottom));background:#fff}.acc-hero{height:calc(188px + var(--safe-top));padding-top:var(--safe-top);background:linear-gradient(#5c7a4a 0%,#7f9a6c 55%,#6e8a58 100%);position:relative}.acc-hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 30px,#ffffff10 30px 44px);position:absolute;inset:0}.acc-back{left:12px;top:calc(12px + var(--safe-top));z-index:5;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute}.acc-photo{left:18px;top:calc(58px + var(--safe-top));z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.acc-photo .avatar{object-fit:cover!important;border-radius:50%!important}.acc-photo .avatar.initials{text-align:center;border-radius:50%!important;justify-content:center!important;align-items:center!important;line-height:1!important;display:flex!important}.acc-photo img{display:block;object-fit:cover!important;border-radius:50%!important}.acc-photo i{width:26px;height:26px;color:var(--accent);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:-4px}.acc-hello{left:116px;top:calc(68px + var(--safe-top));z-index:2;color:#fff;gap:3px;display:grid;position:absolute;right:56px}.acc-hello small{color:#e6e6e6;font-size:16.5px}.acc-hello b{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:600;overflow:hidden}.acc-gear{right:14px;top:calc(12px + var(--safe-top));z-index:5;color:#fff;place-items:center;width:38px;height:38px;display:grid;position:absolute}.acc-card{z-index:2;background:#fff;border-radius:12px 12px 0 0;margin:-24px 14px 0;padding:14px 0 6px;position:relative;box-shadow:0 -1px 3px #0002,1px 0 2px #0001,-1px 0 2px #0001}.acc-card div{align-items:center;gap:20px;height:62px;padding:0 17px 0 22px;display:flex}.acc-card svg{color:var(--accent);flex:none}.acc-card span{gap:5px;min-width:0;display:grid}.acc-card small{color:#666;font-size:14.5px}.acc-card b{color:#222;overflow-wrap:anywhere;font-size:16px;font-weight:400}.acc-stats{padding:20px 18px 0}.acc-stats h2{color:#222;margin:0 0 14px;font-size:22.5px;font-weight:400}.acc-range{justify-content:space-between;align-items:center;gap:8px;display:flex}.acc-range span{color:#777;font-size:16.5px}.acc-range button{color:#1a73e8;background:#fff;border:1.5px solid #1a73e8;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:10px;width:83px;height:33px;margin-right:-1px;font-size:16px;font-weight:600;display:flex}.donut{width:268px;height:268px;margin:26px auto 52px;position:relative}.donut span{color:#333;justify-content:center;align-items:baseline;gap:6px;padding-top:112px;font-size:19px;display:flex;position:absolute;inset:0}.donut b{font-size:31px;font-weight:700}.acc-legend{text-align:center;background:#f3f3f3;border:1.5px solid #ddd;border-radius:8px;grid-template-columns:1fr 1fr 1fr;align-items:center;height:62px;margin-bottom:17.5px;padding:0 13px;display:grid}.acc-legend span{justify-items:center;gap:5px;display:grid}.acc-legend span:first-child{justify-items:start}.acc-legend span:first-child small{width:84px}.acc-legend small{color:#888;font-size:14.5px}.acc-legend b{color:#333;font-size:18px;font-weight:600}.acc-legend em{color:#fff;white-space:nowrap;border-radius:12px;place-items:center;width:84px;height:23px;font-size:14.5px;font-style:normal;display:grid}.help h3{color:#222;margin:0;font-size:18.5px;font-weight:600}.help-item{border-bottom:1px solid #e3e3e3}.help-item button{text-align:left;color:#333;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:16.5px;display:flex}.help-item.on svg{color:var(--brand);transform:rotate(180deg)}.help-item p{color:#666;margin:0 0 14px;font-size:15.5px;line-height:1.45}.help-name{color:#333;font-size:17px}.help-line{color:#555;align-items:flex-start;gap:10px;font-size:16px;text-decoration:none;display:flex}.help-line svg{color:var(--brand);flex:none}.help-wa{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.guide-backdrop{z-index:60;background:#0000008c;place-items:center;padding:0 40px;display:grid;position:fixed;inset:0}.guide{background:#fff;border-radius:4px;gap:9px;width:100%;max-width:331px;margin-top:8px;padding:17px 24.5px 26px;display:grid}.guide header{justify-content:space-between;align-items:center;height:30px;margin-bottom:6.2px;display:flex}.guide h2{color:#333;margin:0;font-size:17.5px;font-weight:600}.guide header button{color:#555;background:0 0;border:0;margin-right:-1px;padding:0;display:grid}.guide-tip{border:1.5px solid #eee;border-radius:8px;align-items:center;gap:18px;min-height:89px;padding:8px 16px 8px 16.5px;display:flex;box-shadow:0 1px 3px #0000000d}.guide-tip i{color:#fff;border-radius:50%;flex:none;place-items:center;width:42.4px;height:42.4px;display:grid;box-shadow:0 2px 5px #0002}.guide-tip i.blue{background:#31b0d5}.guide-tip i.orange{background:#ec971f}.guide-tip p{color:#222;letter-spacing:-.1px;margin:0;font-size:13.6px;font-weight:600;line-height:16.1px}.guide-hide{color:#333;cursor:pointer;align-items:center;gap:10.5px;margin:17px 0 19.8px 1.5px;font-size:16.5px;display:flex}.guide-hide input{opacity:0;position:absolute}.guide-hide span{border:2px solid #b8c7d9;border-radius:50%;flex:none;place-items:center;width:19.4px;height:19.4px;display:grid}.guide-hide input:checked+span{border-color:var(--brand-dark)}.guide-hide input:checked+span:after{content:"";background:var(--brand-dark);border-radius:50%;width:9px;height:9px}.guide-start{background:var(--brand-dark);color:#fff;border:0;border-radius:4px;height:43px;font-size:19px;font-weight:600;box-shadow:0 2px 4px #0003}.scan{inset:0;top:calc(65px + var(--safe-top));background:#fff;max-width:480px;margin-inline:auto;position:fixed}.scan-card{top:17px;left:18px;right:18px;bottom:calc(20px + var(--safe-bottom));background:#222;border-radius:9px;position:absolute;overflow:hidden}.scan-card video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.scan-card:after{content:"";pointer-events:none;background:#0000002e;position:absolute;inset:0}.scan-text{z-index:2;pointer-events:none;text-align:center;color:#fff;text-shadow:0 1px 2px #0006;margin:0;font-size:17px;font-weight:600;line-height:21.2px;position:absolute;top:27.7px;left:36px;right:36px}.scan-frame{z-index:2;pointer-events:none;background:#ffffff26;border-radius:14px;width:298px;max-width:calc(100% - 40px);height:298px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-frame i{border:6.5px solid #fffc;border-radius:18px;width:97.7px;height:97px;position:absolute}.scan-frame i:first-child{border-bottom:0;border-right:0;border-radius:18px 0 0;top:-6px;left:-6px}.scan-frame i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 18px 0 0;top:-6px;right:-6px}.scan-frame i:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 18px;bottom:-6px;left:-6px}.scan-frame i:nth-child(4){border-top:0;border-left:0;border-radius:0 0 18px;bottom:-6px;right:-6px}.scan-card.covered .scan-frame i{border-color:#ef4444}.scan-text.covered{color:#fca5a5}.scan-ring{z-index:2;pointer-events:none;width:69px;height:69px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scan-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.scan-ring circle{fill:none;stroke-width:5.5px}.scan-ring .base{stroke:#d9d9d9}.scan-ring .fill{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.scan-ring span{color:#fff;justify-content:center;align-items:center;font-size:17px;font-weight:500;display:flex;position:absolute;inset:0}.scan-ring small{margin-top:3px;font-size:11px}.scan-shot{z-index:2;background:0 0;border:5.5px solid #d9d9d9;border-radius:50%;width:69px;height:69px;padding:5px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scan-shot span{background:#fff;border-radius:50%;width:100%;height:100%;display:block}.scan-shot.counting{border-color:var(--brand)}.scan-shot.counting span{color:var(--brand-dark);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.scan-countdown{z-index:4;color:#fff;text-shadow:0 3px 16px #000000b3;pointer-events:none;place-items:center;font-size:84px;font-weight:800;animation:.35s cd-pop;display:grid;position:absolute;inset:0}@keyframes cd-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.scan-native{z-index:1;color:#fff;background:#333;border:0;place-content:center;justify-items:center;gap:10px;font-size:16px;display:grid;position:absolute;inset:0}.dd-field{width:100%;height:35.5px;font:inherit;color:#283252;text-align:left;cursor:pointer;background:#fff;border:1.3px solid #9e9e9e;border-radius:4px;justify-content:space-between;align-items:center;padding:0 13px 0 12.4px;font-size:16.5px;display:flex}.dd-field svg{color:#555;flex:none}.dd-field:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.dd-backdrop{z-index:70;position:fixed;inset:0}.dd-menu{background:#fafafa;border-radius:4px;max-height:calc(100vh - 96px);margin:0;padding:8px 0;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.dd-menu li{color:#283252;cursor:pointer;outline:none;align-items:center;height:48px;padding:0 16px;font-size:16.5px;display:flex}.dd-menu li[aria-selected=true]{background:#dcdcdc}.dd-menu li:not([aria-selected=true]):hover,.dd-menu li:not([aria-selected=true]):focus{background:#eee}.cam{padding:20.5px 16.6px calc(24px + var(--safe-bottom));background:#fff;align-content:start;gap:21.6px;display:grid}.cam-card{background:#fafafa;border:1.5px solid #e6e6e6;border-radius:10px;padding:12.3px 16.6px 20.4px}.cam-card+.cam-card{padding-bottom:14.6px}.cam h3{color:#222;align-items:center;gap:12px;height:24px;margin:0;font-size:17.5px;font-weight:600;display:flex}.cam p{color:#757575;margin:6.7px 0 0;font-size:14.4px;line-height:16.9px}.cam hr{border:0;border-top:1px solid #ddd;margin:14.2px 0 0}.cam hr.wide{margin-top:20.4px}.cam-option{cursor:pointer;align-items:center;gap:12px;display:flex}.cam-option.lite{margin-top:13px}.cam-option.standard{margin-top:15.35px}.cam-option span{flex:1;display:grid}.cam-option b{color:#222;font-size:17px;font-weight:600;line-height:19px}.cam-option small{letter-spacing:-.1px;color:#757575;margin-top:3.15px;font-size:13.6px;line-height:16.1px}.cam-option.standard small{margin-top:0}.cam-option input{appearance:none;cursor:pointer;border:2px solid #555;border-radius:1px;flex:none;place-items:center;width:17.5px;height:17.5px;margin:0 13.5px 0 0;display:grid}.cam-option input:checked{background:var(--brand);border-color:var(--brand)}.cam-option input:checked:after{content:"";border:2.4px solid #fff;border-width:0 2.4px 2.4px 0;width:5px;height:10px;transform:rotate(45deg)translate(-1px,-1px)}.cam-field{display:grid}.cam-field>span{color:#283252;margin-top:12.8px;font-size:16.5px;line-height:20px}.cam-field:first-of-type>span{color:#222;margin-top:15.3px}.cam-field .dd-field{margin-top:5.5px}.rw-header{height:calc(76px + var(--safe-top));padding-top:calc(27.4px + var(--safe-top));background:#f4f4f4;align-items:start}.rw-header h1{font-size:19.5px;font-weight:500;line-height:24px}.rw-tabs{top:calc(76px + var(--safe-top));z-index:9;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:0 0 0 16px;position:sticky}.rw-tabs button{height:49px;padding:0 21.5px}.rw{padding-bottom:calc(94px + var(--safe-bottom));background:#fff;min-height:calc(100vh - 126px)}.rw-month{justify-content:space-between;align-items:center;height:48px;padding:0 26.6px 0 27px;display:flex}.rw-month button{color:#222;background:0 0;border:0;padding:0;display:grid}.rw-month .rw-title{color:#333;align-items:center;gap:6px;font-size:16.5px;font-weight:600;display:flex}.rw-grid{grid-template-columns:repeat(7,1fr);padding:8px 16px 0;display:grid}.rw-day{color:#8c9bb5;place-items:center;height:35.8px;font-size:15px;font-weight:500;display:grid}.rw-grid button{color:#333;background:0 0;border:0;border-radius:50%;place-self:center;width:34.1px;height:34.1px;margin:1px 0;font-size:16px}.rw-grid button.out{color:#888}.rw-grid button:disabled{color:#bbb}.rw-grid button.on{background:var(--brand);color:#fff}.rw-grid button.today{background:var(--brand-tint);border:1.5px solid var(--brand);color:#666}.rw-toggle{color:#222;background:#fff;border:1.5px solid #dbdbdb;border-top-width:1px;border-radius:0 0 10px 10px;place-items:center;width:100%;height:40px;margin-top:15.4px;display:grid}.rw-head{justify-items:center;padding-top:25.2px;display:grid}.rw-photo{border:3px solid var(--brand);background:#e0e0e0;border-radius:50%;width:109px;height:109px;display:block;overflow:hidden}.rw-photo img{object-fit:cover;width:100%;height:100%}.rw-head em{color:#fff;background:#69b169;border-radius:14px;place-items:center;min-width:113.4px;height:26.3px;margin-top:16px;padding:0 7px;font-size:17.5px;font-style:normal;font-weight:500;display:grid}.rw-head em.late{background:#ec971f}.rw-empty{text-align:center;justify-items:center;padding:19.7px 0 0;display:grid}.rw-empty .city-art{width:264.7px;height:195.4px}.rw-empty b{color:#555;max-width:250px;margin-top:17.9px;font-size:16.5px;font-weight:600;line-height:19px}.rw-tiles{grid-template-columns:1fr 1fr;gap:12.9px 12.8px;padding:46.9px 21.6px 0 20.8px;display:grid}.rw-empty+.rw-tiles{padding-top:24.3px}.rw-tiles div{background:#f4f4f4;border:1.5px solid #e1e1e1;border-radius:8px;height:72px;position:relative}.rw-tiles i{color:#adb5bd;background:#eaeaea;border-radius:50%;place-items:center;width:46.6px;height:46.6px;display:grid;position:absolute;top:50%;left:11.3px;transform:translateY(-50%)}.rw-tiles span{gap:4.2px;display:grid;position:absolute;top:17.5px;left:66.8px;right:2px}.rw-tiles b{color:#444;white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;line-height:16px;overflow:hidden}@media (max-width:400px){.rw-tiles b{white-space:normal;font-size:14.5px;overflow:visible}.rw-tiles span{top:12px;right:4px}.rw-tiles i{width:40px;height:40px;left:8px}.rw-tiles span{left:56px}}.rw-tiles small{color:#555;font-size:15px;line-height:16px}.rw-h{color:#222;margin:0;padding:18.2px 16px 0;font-size:17.5px;font-weight:400;line-height:22px}.rw-list{gap:20.7px;padding:18.4px 16.4px 0 16.2px;display:grid}.rw-card{background:#f4f4f5;border:1.5px solid #ebebeb;border-radius:8px;padding:19.8px 21.1px 20.1px 20.1px;display:grid}.rw-card header{justify-content:space-between;align-items:center;height:24.9px;display:flex}.rw-card header b{color:#222;font-size:17.5px;font-weight:500}.rw-card header em{background:var(--brand);color:#fff;border-radius:12.5px;place-items:center;min-width:94px;height:24.9px;margin-right:.1px;padding:0 12px;font-size:16px;font-style:normal;font-weight:500;display:grid}.rw-card header em.st-Pending{background:#ec971f}.rw-card header em.st-Ditolak{background:#c9302c}.rw-card span{color:#222;font-size:16px;line-height:20px}.rw-card header+span{margin-top:6.1px}.rw-card span+span{margin-top:.8px}.rw-card small{letter-spacing:-.15px;color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2.5px;font-size:13.4px;line-height:16.2px;display:-webkit-box;overflow:hidden}.rw-empty.list{padding-top:0}.rw-empty.list b{max-width:none;margin-top:18.6px}.rw-leave{padding:12.3px 0 0}.rw-leave h3{color:#333;margin:0;padding:0 14.3px;font-size:17.5px;font-weight:400;line-height:22px}.rw-leave>small{color:#777;margin-top:.8px;padding:0 14.3px;font-size:15px;line-height:18px;display:block}.rw-ring{border-radius:50%;width:169.4px;height:169.4px;margin:13.2px auto 0;position:relative}.rw-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:34.9px}.rw-ring span{color:#333;place-items:center;font-size:24px;font-weight:600;display:grid;position:absolute;inset:0}.rw-quota{grid-template-columns:177.9px 177.9px;gap:12.9px;margin-top:30.6px;padding:0 14.3px;display:grid}.rw-quota div{background:#fff;border:1.5px solid #ddd;border-radius:8px;height:68.2px;position:relative}.rw-quota i{border-radius:50%;place-items:center;width:46.5px;height:46.5px;display:grid;position:absolute;top:50%;left:9.1px;transform:translateY(-50%)}.rw-quota i.blue{color:#1f6fd6;background:#dbeaff}.rw-quota i.red{color:#c9302c;background:#fbdedd}.rw-quota i.green{background:var(--brand-tint);color:var(--brand)}.rw-quota i.orange{color:#ec971f;background:#ffedd4}.rw-quota span{gap:3.3px;display:grid;position:absolute;top:13.4px;left:64.9px;right:4px}.rw-quota b{color:#555;white-space:nowrap;font-size:16px;font-weight:600;line-height:18px}.rw-quota small{color:#666;font-size:15px;line-height:18px}.rw-leave+.rw-sep{background:#eee;height:4.5px;margin-top:24.5px}.rw-sep+.rw-h{padding-top:48.1px}.rw-sep+.rw-h+.rw-list{padding-top:17.9px}.rw-card{cursor:pointer}.rw-detail-backdrop{padding:0 40px}.rw-detail{background:#fff;border-radius:16px;justify-items:start;width:100%;max-width:330.5px;margin-top:7px;padding:17.5px 24px 31.7px;display:grid;position:relative}.rw-detail small{color:#333;font-size:15.5px;line-height:19px}.rw-detail small.gap{margin-top:14.6px}.rw-detail em{background:var(--brand);color:#fff;border-radius:12.5px;place-items:center;min-width:94px;height:24.9px;margin-top:5.9px;padding:0 12px;font-size:16.5px;font-style:normal;font-weight:600;display:grid}.rw-detail em.st-Pending{background:#ec971f}.rw-detail em.st-Ditolak{background:#c9302c}.rw-detail>span{color:#222;margin-top:-1.4px;font-size:16.5px;line-height:19px}.rw-detail-dates{grid-template-columns:148.5px 1fr;width:100%;margin-top:12.1px;display:grid}.rw-detail-dates div{gap:4px;display:grid}.rw-detail-dates b{color:#777;font-size:16px;font-weight:400;line-height:19px}.rw-detail p{letter-spacing:-.15px;color:#222;margin:4px 0 0;font-size:14.6px;line-height:16.8px}.rw-detail-x{color:#555;background:0 0;border:0;padding:0;display:grid;position:absolute;top:30px;right:36px}.attend-stop{background:#fff;border-radius:2px;width:21.7px;height:21.7px;display:block}.daily-times .in,.daily-grid .in,.st-tepat-waktu{color:var(--success)}.status-badge,.rw-head em{background:var(--success)}.rw-photo{border-color:var(--success)}.rw-card header em,.rw-detail em{background:var(--success)}.rw-tiles .done i,.rw-quota i.green{background:var(--success-tint);color:var(--success)}.guide-tip i.green{background:var(--success)}.brand-logo{justify-items:center;gap:6px;display:inline-grid}.brand-logo img{object-fit:contain;width:auto;max-width:190px;height:35px;max-height:36px;display:block}.brand-name{text-align:center;justify-items:center;line-height:1.15;display:grid}.brand-name b{color:var(--navy);font-size:16px;font-weight:700}.brand-name small{letter-spacing:.5px;color:var(--brand);text-transform:none;font-size:12px;font-weight:600}.welcome-logo{height:auto;margin-top:10px}.home-logo{background:#fff;border-radius:7px;align-items:center;height:30px;margin-top:1px;padding:3px 7px;display:inline-flex}.home-logo img{width:auto;height:24px;display:block}.welcome-btn.primary{background:var(--brand)}:root{--navy:#0b2d4a;--navy-2:#0f4c81;--navy-3:#1b67a8;--red-deep:#c8102e}.home-hero,.home-fixed .home-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 58%,var(--navy-3) 100%);position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ff1e1e55,#ff1e1e10);border-radius:42px;width:170px;height:170px;position:absolute;top:-46px;right:-38px;transform:rotate(24deg)}.home-hero:after{content:"";pointer-events:none;border:10px solid #ffffff14;border-radius:50%;width:64px;height:64px;position:absolute;top:70px;right:58px}.home-hero>*{z-index:1;position:relative}.home-hero h1{letter-spacing:.1px}.home-logo{border-radius:8px;box-shadow:0 2px 8px #0000002a}.lang-toggle{box-shadow:0 2px 8px #0002}.status-badge{letter-spacing:.2px;border-radius:13px;padding:0 10px;font-size:14.5px}.status-badge.waiting{background:#ffffff26;border:1px solid #ffffff40}.status-time{opacity:.95}.bell em{background:var(--brand);box-shadow:0 0 0 2px #fff}.menu-icon{box-shadow:none;border-radius:16px}.menu-icon.blue{color:var(--navy-2);background:#e8f0f8}.menu-icon.red{color:var(--brand);background:#ffe8e8}.home-menu span:last-child{color:#2b3a4a;font-weight:500}.home-scroll{background-attachment:local}.home-banner-card{position:relative;box-shadow:0 8px 20px #0b2d4a2e}.home-banner-card:after{content:"";pointer-events:none;background:#ffffff12;border-radius:36px;width:140px;height:140px;position:absolute;bottom:-40px;right:-30px;transform:rotate(22deg)}.home-banner-dots button.active{background:var(--brand)}.bottom-nav{box-shadow:0 -4px 16px #0b2d4a14}.info-art{color:var(--navy-2);background:linear-gradient(140deg,#e8f0f8,#c9dbee)}.acc-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%)}.acc-hero:after{background:0 0}.acc-photo i{color:var(--brand)}.acc-card svg{color:var(--navy-2)}.choice-sheet .on{color:var(--brand)}.pub-switch .track{background:#d7dde4}.pub-switch input:checked+.track{background:var(--brand-tint-2)}.st-badge.diterima,.slip-net,.survey-list em.done,.survey-done{color:var(--success)}:root{--brand:#1d5fae;--brand-dark:#0f4c81;--brand-soft:#8fb4e0;--brand-tint:#eaf2fc;--brand-tint-2:#cfe0f6;--accent:#0f4c81;--navy:#0b2d4a;--navy-2:#0f4c81;--navy-3:#2a7fd4;--sky:#4aa8f0;--mint:#d1fae5;--mint-text:#047857;--red:#e5484d}.home-hero,.home-fixed .home-hero,.acc-hero{background:radial-gradient(120% 140% at 100% 0%,#3b8fe0 0%,transparent 55%),linear-gradient(140deg,var(--navy) 0%,#0f4c81 52%,#1f6fc4 100%)}.home-hero:before{background:radial-gradient(circle,#ffffff2e 0%,#fff0 65%);border-radius:50%;width:220px;height:220px;top:-70px;right:-60px;transform:none}.home-hero:after{border:1.5px solid #ffffff1f;border-radius:50%;width:92px;height:92px;top:58px;right:26px}.home-logo{border-radius:10px;padding:3px 8px;box-shadow:0 4px 12px #0003}.lang-toggle{background:#fff;box-shadow:0 4px 12px #0002}.lang-toggle button.active{color:var(--brand)}.status-badge{background:var(--mint);color:var(--mint-text);border-radius:13px;padding:0 11px;font-weight:700}.status-badge.waiting{color:#fff;background:#ffffff26;border:1px solid #ffffff4d}.profile-card .avatar.initials{color:var(--brand-dark);background:linear-gradient(140deg,#eaf2fc,#cfe0f6)}.bell{color:var(--brand-dark);box-shadow:0 4px 12px #0b2d4a1a}.bell em{background:var(--red)}.menu-icon,.menu-icon.red,.menu-icon.blue{color:var(--brand-dark);background:linear-gradient(150deg,#f2f7fd,#dbe9f8);border-radius:16px;box-shadow:inset 0 0 0 1px #d6e4f5}.home-menu span:last-child{color:#26384b}.home-fixed,.home-scroll{background:#f7f9fc radial-gradient(circle,#e1e9f3 1px,#0000 1.4px) 0 0/11px 11px}.home-banner-card{box-shadow:0 10px 24px #0f4c8133}.home-banner-card:after{background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:180px;height:180px;bottom:-60px;right:-40px;transform:none}.home-banner-card.green{background:linear-gradient(125deg,#0b2d4a 0%,#0f4c81 55%,#2a7fd4 100%)}.home-banner-card.lime{background:linear-gradient(125deg,#123f73 0%,#1d5fae 50%,#4aa8f0 100%)}.home-banner-card.teal{background:linear-gradient(125deg,#0b3a52 0%,#0e6c8a 55%,#2bb3c9 100%)}.home-banner-dots button{background:#cdd9e7}.home-banner-dots button.active{background:var(--brand);border-radius:4px;width:18px}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffe;box-shadow:0 -6px 20px #0b2d4a12}.attend-button{background:linear-gradient(160deg,#3b8fe0,#0f4c81);box-shadow:0 8px 18px #1d5fae55,0 0 0 5px #fff}.bottom-nav a.active{color:var(--brand)}.welcome-art.green{background:linear-gradient(140deg,#2a7fd4,#0b2d4a)}.welcome-art.lime{background:linear-gradient(140deg,#4aa8f0,#1d5fae)}.welcome-art.teal{background:linear-gradient(140deg,#2bb3c9,#0b3a52)}.welcome-btn.primary{background:linear-gradient(160deg,#2a7fd4,#0f4c81);box-shadow:0 8px 18px #1d5fae40}.welcome-btn.outline{border-color:var(--brand);color:var(--brand)}.welcome-badge{color:var(--brand)}.brand-name b{color:var(--navy)}.brand-name small,.acc-photo i{color:var(--brand)}.home-scroll{-webkit-mask-image:linear-gradient(#0000 0,#000 16px);mask-image:linear-gradient(#0000 0,#000 16px)}.avatar.initials{color:var(--brand-dark);background:linear-gradient(140deg,#eaf2fc,#cfe0f6)}@keyframes bs-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes bs-fade-slide{0%{opacity:0;transform:translate(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes bs-float{0%{transform:translate(0)}50%{transform:translate(-14px,10px)}to{transform:translate(0)}}@keyframes bs-pulse{0%{box-shadow:0 8px 18px #1d5fae55,0 0 0 5px #fff,0 0 0 5px #1d5fae55}70%{box-shadow:0 8px 18px #1d5fae55,0 0 0 5px #fff,0 0 0 16px #1d5fae00}to{box-shadow:0 8px 18px #1d5fae55,0 0 0 5px #fff,0 0 0 16px #1d5fae00}}@keyframes bs-ring{0%,88%,to{transform:rotate(0)}90%{transform:rotate(14deg)}92%{transform:rotate(-12deg)}94%{transform:rotate(8deg)}96%{transform:rotate(-5deg)}}@keyframes bs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.profile-card{animation:.45s cubic-bezier(.2,.8,.2,1) both bs-rise}.home-menu a{animation:.5s cubic-bezier(.2,.8,.2,1) both bs-rise}.home-menu a:first-child{animation-delay:40ms}.home-menu a:nth-child(2){animation-delay:80ms}.home-menu a:nth-child(3){animation-delay:.12s}.home-menu a:nth-child(4){animation-delay:.16s}.home-menu a:nth-child(5){animation-delay:.2s}.home-menu a:nth-child(6){animation-delay:.24s}.home-menu a:nth-child(7){animation-delay:.28s}.home-menu a:nth-child(8){animation-delay:.32s}.home-banner-card{animation:.55s cubic-bezier(.2,.8,.2,1) both bs-fade-slide}.home-info a,.info-list a,.rw-card,.notif-item,.set-list li,.rw-tiles>div,.acc-card>div,.acc-legend{animation:.45s cubic-bezier(.2,.8,.2,1) both bs-rise}.rw-tiles>div:nth-child(2),.acc-card>div:nth-child(2){animation-delay:50ms}.rw-tiles>div:nth-child(3),.acc-card>div:nth-child(3){animation-delay:.1s}.rw-tiles>div:nth-child(4),.acc-card>div:nth-child(4){animation-delay:.15s}.acc-card>div:nth-child(5){animation-delay:.2s}.home-hero:before{animation:9s ease-in-out infinite bs-float}.home-hero:after{animation:12s ease-in-out infinite reverse bs-float}.attend-button.pending{animation:2.4s ease-out infinite bs-pulse}.bell.has-unread svg{transform-origin:50% 8%;animation:5s ease-in-out infinite bs-ring}.bell em{animation:.35s cubic-bezier(.3,1.6,.5,1) .5s both bs-pop}.rw-head .rw-photo,.rw-head em{animation:.45s cubic-bezier(.2,.8,.2,1) both bs-rise}.menu-icon,.attend-button,.home-banner-card,.profile-card,.bell,.rw-card,.set-list a,.set-list button,.welcome-btn,.pf-save,.primary-btn{transition:transform .15s,box-shadow .2s,filter .2s}.home-menu a:active .menu-icon{transform:scale(.9)}.home-menu a:hover .menu-icon{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #c3d7f0,0 6px 14px #1d5fae22}.bottom-nav-attend:active .attend-button{transform:translate(-50%)scale(.93)}.home-banner-card:active,.rw-card:active,.profile-card:active{transform:scale(.985)}.welcome-btn:active,.pf-save:active,.primary-btn:active{transform:scale(.98)}}body,.pf,.notif,.set,.rw,.rq,.rb,.ws,.slip,.daily,.feed,.cam,.help,.speed{background:#f5f8fc}.page-header,.rw-header{-webkit-backdrop-filter:saturate(1.4)blur(12px);background:#ffffffeb;box-shadow:0 1px #e6edf5,0 6px 18px #0b2d4a0d}.page-header h1,.page-header h1.light,.rw-header h1{color:var(--navy);letter-spacing:.1px;font-weight:600}.page-header .icon-btn{color:var(--navy)}.page-header .icon-btn:first-child svg{width:38px;height:38px;color:var(--brand-dark);background:#eef4fb;border-radius:12px;padding:8px;transition:background .2s,transform .15s}.page-header .icon-btn:first-child:active svg{background:#dbe8f7;transform:scale(.92)}.page-header-action .icon-btn,.page-header-action a{color:var(--brand-dark)}.pf-tabs{background:#fff;box-shadow:0 1px #e6edf5}.pf-tabs button{color:#9aa8b8}.pf-tabs button.on{color:var(--navy);background:linear-gradient(var(--brand),var(--brand)) center bottom/56% 3.5px no-repeat;border-bottom-color:#0000}.pf-card,.cam-card,.rw-card,.rw-quota div,.acc-legend,.rq-card,.slip-list a,.rb-list a,.ws-card{background:#fff;border:1px solid #e6edf5;border-radius:14px;box-shadow:0 4px 14px #0b2d4a0d}.rw-card{border-radius:16px}.rw-card header b{color:var(--navy);font-weight:600}.rw-card header em,.rw-detail em{letter-spacing:.2px;border-radius:999px;font-size:14px}.rw-tiles div{background:#fff;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 4px 14px #0b2d4a0d}.rw-tiles i{color:#9fb2c6;background:#eef4fb}.rw-tiles b{color:var(--navy)}.rw-cal{background:#fff}.rw-grid button.on{background:linear-gradient(160deg,#3b8fe0,var(--brand-dark));color:#fff;box-shadow:0 4px 10px #1d5fae40}.rw-grid button.today{border-color:var(--brand);color:var(--brand-dark);background:#eef4fb}.rw-toggle{border-color:#e6edf5;box-shadow:0 6px 14px #0b2d4a0a}.rw-day{color:#9aa8b8}.rw-leave{background:#fff}.set-profile{background:#fff;border-bottom:0;border-radius:16px;margin:12px 14px 0;box-shadow:0 4px 14px #0b2d4a0d}.set-list{background:#fff;border:1px solid #e6edf5;border-radius:16px;margin:12px 14px 0;overflow:hidden;box-shadow:0 4px 14px #0b2d4a0d}.set-list li:last-child a,.set-list li:last-child button{border-bottom:0}.set-list a,.set-list button{color:#26384b;border-bottom-color:#eef2f7}.set-list i{color:var(--brand-dark);background:#eef4fb;border-radius:12px}.set-list li:last-child i{color:var(--red);background:#fdecec}.notif-bar{background:#fff;box-shadow:0 1px #e6edf5}.notif-bar b{color:var(--navy)}.notif-bar button{color:var(--brand)}.notif section h2{color:#7a8a9c;letter-spacing:.3px;text-transform:uppercase;font-size:14.5px;font-weight:600}.notif-item{background:#fff;border:1px solid #edf1f6;border-radius:14px;width:calc(100% - 24px);margin:0 12px 8px;padding:10px 12px;box-shadow:0 3px 10px #0b2d4a0b}.notif-icon{color:var(--brand-dark);background:#eef4fb;border-radius:14px}.notif-item em{color:var(--brand-dark);background:#eef4fb;border-radius:999px;padding:0 10px;bottom:10px;right:12px}.pf-field input,.pf-field textarea,.pf-select select,.pf-date input,.dd-field,.rq input,.rq textarea,.rq select{background:#fff;border:1.5px solid #d5dfeb!important;border-radius:12px!important}.pf-field input:focus,.pf-field textarea:focus,.pf-select select:focus,.rq input:focus,.rq textarea:focus{outline:none;box-shadow:0 0 0 4px #1d5fae1f;border-color:var(--brand)!important}.pf-field.readonly input{color:#6b7c8f;background:#f1f5fa!important}.pf-field>span,.cam-field>span{color:#3a4c60;font-weight:500}.pf-save,.primary-btn,.rq-submit button,.add-submit,.rbf-submit{background:linear-gradient(160deg,#3b8fe0,var(--brand-dark));border-radius:14px;box-shadow:0 8px 18px #1d5fae33}.pf-save:disabled,.primary-btn:disabled{box-shadow:none;background:#c3d4e8}.pf-add{border-color:var(--brand);color:var(--brand);border-radius:14px}.acc-card{border-radius:16px 16px 0 0;box-shadow:0 -4px 18px #0b2d4a14}.acc-range button{border-color:var(--brand);color:var(--brand);border-radius:10px}.dd-menu{border-radius:12px}.dd-menu li[aria-selected=true]{color:var(--brand-dark);background:#eaf2fc;font-weight:600}.st-tepat-waktu{--st:var(--success)}.rw-photo{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(150deg,#4aa8f0,var(--brand-dark)) border-box;border-color:#0000;box-shadow:0 6px 16px #1d5fae2e}.rw-tiles .done i{color:var(--brand-dark);background:#eaf2fc}.rw-head em{background:var(--mint);color:var(--mint-text);font-size:15.5px;font-weight:700}.rw-head em.late{color:#b45309;background:#fef3c7}.rw-card header em,.rw-detail em{background:var(--mint);color:var(--mint-text);font-weight:700}body,button,input,select,textarea{letter-spacing:-.15px;font-family:Plus Jakarta Sans,system-ui,sans-serif}.status-time,.rw-tiles small,.daily-times span,.attend-clock strong,.notif-body small,.rw-card span,.acc-legend b,.donut b{font-variant-numeric:tabular-nums}h1,h2,h3,.home-hero h1,.page-header h1{text-wrap:balance}p{text-wrap:pretty}.home-hero h1{letter-spacing:-.4px;font-weight:700}.status-badge{letter-spacing:0;font-weight:700}.profile-card{border:0;border-radius:20px;box-shadow:0 12px 28px -10px #0e2a4733,0 2px 6px #0e2a470d}.profile-text b{letter-spacing:-.3px;font-weight:700}.avatar,.avatar.initials{border-radius:14px}.rw-photo{border-radius:50%}.pf-card,.cam-card,.rw-card,.rw-quota div,.acc-legend,.rw-tiles div,.notif-item,.set-list,.set-profile,.slip-list a,.rb-list a,.ws-card{box-shadow:0 10px 24px -12px #0e2a4733,0 1px 3px #0e2a470f;border:0!important}.rw-card,.set-list,.set-profile,.pf-card,.cam-card{border-radius:20px}.rw-tiles div,.notif-item{border-radius:16px}.home-menu span:last-child{letter-spacing:-.2px;color:#1d2f42;font-size:13.5px;font-weight:600}.page-header h1,.rw-header h1{letter-spacing:-.3px;font-weight:700}.rw-h,.acc-stats h2,.home-info h2,.info-head h2{letter-spacing:-.3px;color:#0e2a47;font-weight:700}.rw-card header b{font-weight:700}.notif-body b{letter-spacing:-.25px;font-weight:700}.home-banner-card strong{letter-spacing:-.3px;font-weight:800}.bottom-nav{border-radius:22px 22px 0 0}.bottom-nav a span:last-child{font-weight:600}.rw-tiles b{letter-spacing:-.35px;font-size:14.5px}.rw-tiles small{font-size:14.5px}.rw-card header em,.rw-detail em{color:#0e3a66;background:#eaf1fa;justify-content:center;align-items:center;gap:5px;font-weight:700;display:inline-flex}.rw-card header em.st-Diterima:before,.rw-detail em.st-Diterima:before{content:"";border:0 solid;border-width:0 0 2px 2px;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.rw-card header em.st-Pending,.rw-detail em.st-Pending{color:#b45309;background:#fef3c7}.rw-card header em.st-Ditolak,.rw-detail em.st-Ditolak{color:#c0262d;background:#fde2e2}.home .bottom-nav{-webkit-backdrop-filter:blur(18px)saturate(1.6);background:#ffffffc7;border-top:1px solid #ffffffb3;box-shadow:0 -1px #0b2d4a10,0 -12px 30px -14px #0b2d4a33}.home .profile-card{box-shadow:0 1px 2px #0b2d4a0f,0 4px 10px -2px #0b2d4a14,0 18px 34px -18px #0b2d4a40}.home .home-hero h1{letter-spacing:-.45px;font-weight:700}.home .status-time{gap:6px;font-weight:600}.home .profile-text b{letter-spacing:-.35px;font-size:16.5px}.home .profile-text small{color:#6b7c8f;font-size:13px}.home .home-menu span:last-child{letter-spacing:-.2px;color:#1d2f42;font-size:13.5px;font-weight:600}.home .home-banner-card strong{letter-spacing:-.35px;font-size:17px;font-weight:800;line-height:21px}.home .home-banner-card p{opacity:.82;font-size:12.5px;line-height:17px}.home .home-banner-card span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12.5px;font-weight:700}.home .home-info h2{letter-spacing:-.35px;color:var(--navy);font-size:17px;font-weight:700}.home .home-info header a{font-size:14px;font-weight:700}.home .info-card{background:#fff;border:0;border-radius:18px;gap:2px;padding:8px;box-shadow:0 1px 2px #0b2d4a0d,0 10px 24px -14px #0b2d4a33}.home .info-card img,.home .info-art{border-radius:13px;width:86px}.home .info-text b{letter-spacing:-.25px;color:var(--navy);font-size:15px;font-weight:700;line-height:19px}.home .info-text small{color:#7a8a9c;font-size:13px;font-weight:500}@keyframes bs-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.sk{background:#e8eef5 linear-gradient(90deg,#e8eef5 0,#f6f9fc 40%,#e8eef5 80%) 0 0/200px 100% no-repeat;border-radius:10px;animation:1.3s ease-in-out infinite bs-shimmer;display:block}.home-hero .sk{background-color:#fff2;background-image:linear-gradient(90deg,#fff0 0,#ffffff30 40%,#fff0 80%)}.sk-logo{width:84px;height:30px}.sk-lang{border-radius:13px;width:68px;height:26px}.sk-title{width:72%;height:20px;margin-top:20px}.sk-status{border-radius:13px;width:46%;height:24px;margin-top:10px}.home-skeleton .profile-card{gap:12px}.sk-avatar{border-radius:14px;flex:none;width:44px;height:44px}.sk-lines{flex:1;gap:8px;display:grid}.sk-line{width:70%;height:13px}.sk-line.short{width:48%}.sk-menu{flex-direction:column;align-items:center;gap:9px;padding-top:5px;display:flex}.sk-icon{border-radius:16px;width:49px;height:49px}.sk-label{border-radius:6px;width:64px;height:11px}.sk-banner{border-radius:16px;height:152px;margin:20px 16px 0}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.jd-sheet h2{justify-content:space-between;align-items:center;gap:12px;display:flex}.jd-sheet-close{color:var(--primary,#168849);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:14px}