.absensi-scope{--brand-950:#0e1c33;--brand-900:#152b4a;--brand-700:#1d406f;--brand-soft:#eef3f9;--ink:#0e1116;--muted:#5b6473;--line:#e7eaee;--surface:#fff;--canvas:#f5f7fa;--primary:var(--brand-700);--primary-dark:var(--brand-950);--primary-soft:var(--brand-soft);--accent:#c8102e;--accent-dark:#9b0a22;--success:#1f7a55;--danger:#c8102e;--warning:#a76808;--shadow:0 12px 32px #0e1c3314;--shadow-hover:0 18px 44px #0e1c331f;--radius-lg:16px;--radius-md:12px;min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#f0f2f5;font-family:inherit}.absensi-scope *{box-sizing:border-box}.absensi-scope button,.absensi-scope input,.absensi-scope select,.absensi-scope textarea{font:inherit}.absensi-scope button,.absensi-scope a{-webkit-tap-highlight-color:transparent}.absensi-scope a{text-decoration:none}.absensi-scope h1,.absensi-scope h2,.absensi-scope h3,.absensi-scope p{margin-top:0}.absensi-scope h1,.absensi-scope h2,.absensi-scope h3{letter-spacing:-.02em;font-family:inherit}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-logo-frame{flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:42px;display:block}.brand-product{color:var(--brand-700);letter-spacing:.08em;text-transform:uppercase;background:#f8fafc;border:1px solid #d8e1ee;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800;line-height:1}.brand-compact .brand-logo{height:34px}.eyebrow{color:var(--primary);letter-spacing:1.45px;text-transform:uppercase;font-size:11px;font-weight:800}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:14px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.nav-link:focus-visible,.bottom-nav-link:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1d406f33}.button:disabled,.button.disabled{opacity:.5;pointer-events:none}.button-primary{color:#fff;background:var(--primary);box-shadow:0 9px 24px #1d406f33}.button-primary:hover:not(:disabled){background:var(--primary-dark)}.button-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button-secondary:hover:not(:disabled){background:#f8fafc}.button-ghost{color:var(--primary);background:0 0}.button-large{border-radius:14px;min-height:52px;padding:0 21px;font-size:15px}.icon-button{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--muted);background:#fff;border-radius:11px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--primary);background:var(--primary-soft)}.inline-alert{border-radius:13px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.inline-alert.danger{color:#8e2929;background:#fff0f0;border:1px solid #f5cece}.inline-alert.warning{color:#7f5418;background:#fff7e8;border:1px solid #f3dfbb}.inline-alert.success{color:#125e4e;background:#eaf6f2;border:1px solid #c9e7de}.landing-shell{background:radial-gradient(circle at 7% 12%,#c8102e14,#0000 24%),radial-gradient(circle at 92% 0,#1d406f24,#0000 29%),#f7f9fc;min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:88px;margin:0 auto;display:flex}.landing-nav>a{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.landing-grid{grid-template-columns:1.2fr .82fr;align-items:center;gap:88px;width:min(1120px,100% - 48px);margin:58px auto 0;display:grid}.hero-kicker{width:max-content;color:var(--primary);letter-spacing:.3px;background:#fffc;border:1px solid #d8e1ee;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.hero-copy h1{letter-spacing:-3.8px;max-width:700px;margin:23px 0 21px;font-size:clamp(45px,5vw,73px);line-height:1.02}.hero-copy h1 em{color:var(--primary);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";z-index:-1;background:#c8102e33;border-radius:99px;height:8px;position:absolute;bottom:1px;left:2px;right:1px;transform:rotate(-1.2deg)}.hero-copy>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.hero-features{flex-wrap:wrap;gap:11px 23px;margin-top:31px;display:flex}.hero-features span{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.hero-features svg{color:var(--primary)}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #d8e1eee6;border-radius:20px;padding:34px;position:relative;box-shadow:0 30px 80px #0e1c3321}.login-card:before{content:"";z-index:-1;background:var(--accent);opacity:.1;border-radius:32px;width:120px;height:120px;position:absolute;top:-30px;right:-28px;transform:rotate(12deg)}.login-card-top h2{letter-spacing:-.8px;margin:8px 0;font-size:28px}.login-card-top p{color:var(--muted);font-size:14px;line-height:1.6}.login-actions{gap:18px;margin-top:25px;display:grid}.login-actions>.button{justify-content:flex-start;width:100%}.login-actions>.button svg:last-child{margin-left:auto}.demo-login{border-top:1px solid var(--line);padding-top:18px}.demo-login>span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.demo-buttons{gap:8px;display:grid}.login-privacy{border-top:1px solid var(--line);color:#7a8985;margin:20px 0 0;padding-top:18px;font-size:11px;line-height:1.6}.landing-preview{grid-template-columns:1fr 1.05fr 1fr;align-items:center;gap:18px;width:min(850px,100% - 48px);margin:82px auto 0;display:grid}.preview-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;flex-direction:column;align-items:flex-start;min-height:185px;padding:25px;display:flex;box-shadow:0 12px 35px #0e1c330f}.preview-card.main{background:var(--primary-dark);color:#fff;align-items:center;min-height:230px;position:relative;overflow:hidden}.preview-card.main:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:8px}.preview-card.offset{transform:translateY(13px)}.preview-number{color:#98a7a3;align-self:flex-end;font-size:11px;font-weight:800}.preview-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:22px;display:grid}.preview-card strong{margin-bottom:4px}.preview-card small{color:var(--muted);font-size:11px}.preview-card.main small{color:#ffffff9e}.preview-face{border:2px solid #ffffffad;border-radius:50% 50% 44% 44%;place-items:center;width:92px;height:112px;margin:18px 0 14px;display:grid}.preview-face span{background:linear-gradient(#d4a27d 0 52%,#2d211c 53%);border-radius:50%;width:38px;height:48px}.live-pill{text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex;position:absolute;top:16px;right:16px}.live-pill i{background:#ff7d64;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff7d6426}.landing-footer{color:#7a8985;border-top:1px solid var(--line);justify-content:space-between;width:min(1120px,100% - 48px);margin:65px auto 0;padding:24px 0 30px;font-size:11px;display:flex}.app-layout{grid-template-columns:288px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--brand-950);flex-direction:column;height:100vh;padding:24px 20px 22px;display:flex;position:sticky;top:0}.sidebar .brand-logo-frame{background:#fff;border-radius:10px;padding:5px 8px}.sidebar .brand-logo{height:34px}.sidebar .brand-product{color:#fff;background:#ffffff14;border-color:#fff3}.sidebar-top{padding:0 10px}.workspace-label{color:#ffffff75;letter-spacing:1.5px;text-transform:uppercase;margin:17px 3px 0;font-size:9px;font-weight:800;display:block}.sidebar-nav{gap:6px;margin-top:33px;display:grid}.nav-link{color:#ffffffa8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 13px;font-size:13px;font-weight:600;transition:color .18s,background .18s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;background:var(--brand-700);box-shadow:inset 3px 0 #f29a2e}.nav-link.active svg{color:#f6b45b}.sidebar-bottom{border-top:1px solid #ffffff17;margin-top:auto;padding-top:22px}.account-chip{align-items:center;gap:10px;min-width:0;padding:0 8px 14px;display:flex}.avatar{width:39px;height:39px;color:var(--brand-900);background:#e3ebf6;border-radius:13px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.avatar.small{border-radius:11px;width:33px;height:33px;font-size:10px}.account-copy{min-width:0;display:grid}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-copy small{text-overflow:ellipsis;white-space:nowrap;color:#ffffff73;font-size:9px;overflow:hidden}.logout-link{padding-left:11px}.app-main{min-width:0}.desktop-context-bar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.context-copy{gap:2px;display:grid}.context-copy span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.context-copy strong{font-size:13px}.context-user{align-items:center;gap:10px;display:flex}.role-pill{color:var(--brand-700);background:#f8fafc;border:1px solid #d8e1ee;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.mobile-header,.bottom-nav{display:none}.mobile-account{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.mobile-account .avatar{box-shadow:0 0 0 1px #d8e1ee}.page-container{width:100%;margin:0 auto;padding:38px 40px 80px}.page-container.employee-width{max-width:980px}.page-container.admin-width{max-width:1440px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:92px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-1.2px;margin:6px 0 7px;font-size:31px;line-height:1.18}.page-header p{color:var(--muted);font-size:14px}.greeting-header h1{font-size:38px}.today-count,.header-stat{border:1px solid var(--line);background:#fff;border-radius:15px;justify-items:end;min-width:112px;padding:13px 17px;display:grid}.today-count strong,.header-stat strong{font-size:25px;line-height:1}.today-count span,.header-stat span{color:var(--muted);margin-top:5px;font-size:10px}.header-stat{align-items:center;gap:10px;display:flex}.header-stat span{max-width:65px;margin:0}.header-stat svg{color:var(--primary)}.capture-card{border-radius:var(--radius-lg);background:#eef3f9;border:1px solid #d8e1ee;min-height:315px;padding:30px;position:relative;overflow:hidden;box-shadow:0 16px 50px #0e1c330f}.capture-card:after{content:"";pointer-events:none;border:42px solid #ffffff57;border-radius:50%;width:250px;height:250px;position:absolute;top:-110px;right:-110px}.capture-card.active{background:#fff}.capture-card.capture-completed{opacity:.68;box-shadow:none;background:#e8eeec;border-color:#ced9d5}.capture-card.capture-disabled{opacity:.56;box-shadow:none}.capture-card button:disabled{cursor:not-allowed}.capture-icon{color:#fff;background:var(--primary);border-radius:16px;place-items:center;width:50px;height:50px;margin-bottom:25px;display:grid}.capture-intro{max-width:610px}.capture-intro h2{letter-spacing:-.8px;margin:8px 0 9px;font-size:25px}.capture-intro p{color:var(--muted);font-size:13px;line-height:1.6}.consent-check{color:#4d5868;cursor:pointer;background:#ffffffb3;border-radius:12px;align-items:flex-start;gap:10px;max-width:680px;margin:20px 0 18px;padding:13px 15px;font-size:11px;line-height:1.55;display:flex}.consent-check input{width:16px;height:16px;accent-color:var(--primary);margin-top:1px}.consent-check a{color:var(--primary);text-decoration:underline}.capture-button{min-width:260px}.capture-button svg:last-child{margin-left:auto}.camera-stage{z-index:1;justify-items:center;gap:12px;display:grid;position:relative}.camera-frame{aspect-ratio:4/3;background:var(--brand-950);border-radius:16px;width:min(100%,520px);position:relative;overflow:hidden}.camera-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-loading{color:#fff;background:#0e1c33c2;place-items:center;display:grid;position:absolute;inset:0}.face-guide{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.face-guide span{border:2px solid #ffffffd9;border-radius:48% 48% 43% 43%;width:42%;height:74%;box-shadow:0 0 0 999px #0e1c3340}.capture-progress{z-index:3;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.capture-progress span{color:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1c33b8;border:1px solid #ffffff4d;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;height:34px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.capture-progress span.done{color:#d9fff2;background:#16614fcc}.capture-progress span.current{color:#fff2d8;background:#815314d1}.camera-instruction{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0e1c33c7;border:1px solid #ffffff38;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;margin:0;padding:12px 15px;font-size:14px;font-weight:750;line-height:1.35;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.camera-instruction small{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.camera-cancel{min-width:180px}.preview-stage{z-index:1;grid-template-columns:260px 1fr;gap:26px;display:grid;position:relative}.preview-image-wrap{aspect-ratio:4/3;background:var(--brand-900);border-radius:16px;overflow:hidden}.preview-image-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-angle-grid{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.face-angle-grid figure{border:1px solid var(--line);background:#f4f7fa;border-radius:14px;margin:0;overflow:hidden}.face-angle-grid img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;width:100%;display:block;transform:scaleX(-1)}.face-angle-grid figcaption{color:var(--primary);text-align:center;padding:8px;font-size:10px;font-weight:800}.preview-copy h2{margin:7px 0 16px;font-size:24px}.location-summary{border:1px solid var(--line);background:#f8fafc;border-radius:13px;align-items:flex-start;gap:10px;padding:13px;display:flex}.location-summary svg{color:var(--primary);flex:none;margin-top:1px}.location-summary span{min-width:0;display:grid}.location-summary strong{font-size:12px}.location-summary small{color:var(--muted);font-size:10px}.visit-summary{background:var(--primary-soft);border:1px solid #cfdbeb;border-radius:13px;gap:3px;padding:13px;display:grid}.visit-summary strong{color:var(--brand-900);font-size:13px}.visit-summary span{color:#4d5868;font-size:11px}.visit-summary small{color:var(--muted);font-size:10px}.privacy-note{color:var(--muted);gap:8px;margin-top:13px;font-size:10px;line-height:1.45;display:flex}.privacy-note svg{color:var(--primary);flex:none}.preview-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.result-stage{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex;position:relative}.result-stage h2{margin:9px 0 7px}.result-stage p{max-width:460px;color:var(--muted);font-size:13px}.result-icon{border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:13px;display:grid}.result-icon.success{color:var(--success);background:#e2f4ee}.result-icon.pending{color:var(--warning);background:#fff1dc}.result-icon.danger{color:var(--danger);background:#fdeaea}.face-result-score{color:var(--primary);margin:2px 0 4px;font-size:18px}.attendance-actions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.attendance-actions .capture-card{min-height:300px}.visit-entry-card{z-index:0;color:inherit;background:#fff;border-color:#b8cbe2;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.visit-entry-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 18px 54px #0e1c331f}.visit-entry-card:focus-visible{outline-offset:3px;outline:3px solid #1a4d8047}.visit-entry-card .capture-intro{margin-bottom:22px}.visit-entry-card .capture-button{width:100%;min-width:0;margin-top:auto}.visit-entry-card .capture-button svg{margin-left:auto}.onboarding-card{border-radius:var(--radius-lg);color:#fff;background:var(--brand-900);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:27px;display:grid}.onboarding-art{width:66px;height:66px;color:var(--brand-900);background:#e3ebf6;border-radius:16px;place-items:center;display:grid}.onboarding-card .eyebrow{color:#c6d5e8}.onboarding-card h2{margin:7px 0 6px;font-size:20px}.onboarding-card p{color:#ffffff9e;margin:0;font-size:12px;line-height:1.5}.onboarding-card .button{color:var(--brand-900);box-shadow:none;background:#fff}.latest-card,.timeline-section,.policy-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin-top:22px;padding:25px}.section-heading,.card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading h2,.card-heading h2{margin:6px 0 0;font-size:19px}.section-heading>a,.card-heading>a{color:var(--primary);font-size:12px;font-weight:700}.latest-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.latest-grid>div{background:#f6f8fb;border-radius:14px;align-items:flex-start;gap:10px;min-width:0;padding:14px;display:flex}.latest-grid svg{color:var(--primary);flex:none}.latest-grid span{min-width:0;display:grid}.latest-grid small{color:var(--muted);font-size:9px}.latest-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.latest-grid em,.latest-grid a{color:#6d7f79;font-size:9px;font-style:normal}.latest-grid a{align-items:center;gap:3px;width:max-content;margin-top:2px;font-weight:700;display:inline-flex}.timeline-section{padding-bottom:17px}.empty-state{color:#879590;text-align:center;background:#fafcfb;border:1px dashed #cfdad6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:155px;margin-top:17px;display:flex}.empty-state.tall{min-height:340px}.empty-state strong{color:#52645f;margin-top:10px;font-size:13px}.empty-state p{margin:4px 0 0;font-size:11px}.record-list{margin-top:16px}.record-row{border-top:1px solid #ebf0ee;grid-template-columns:38px 1fr auto 145px;align-items:center;gap:13px;min-height:62px;display:grid}.record-index{color:#9aa7a3;font-size:10px;font-weight:800}.record-time{display:grid}.record-time strong{font-size:13px}.record-time small{color:var(--muted);font-size:10px}.record-distance{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:max-content;min-height:27px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.status-badge.success{color:#12614f;background:#e5f4ef}.status-badge.warning{color:#825515;background:#fff1da}.status-badge.danger{color:#973535;background:#fce9e9}.history-groups{gap:28px;display:grid}.history-date{justify-content:space-between;align-items:center;padding:0 4px 10px;display:flex}.history-date strong{font-size:14px}.history-date span{color:var(--muted);font-size:10px}.history-cards{gap:8px;display:grid}.history-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:44px 1fr 1fr auto;align-items:center;gap:15px;min-height:86px;padding:13px 15px;display:grid}.history-photo{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center;display:grid}.history-main,.history-place{display:grid}.history-main strong,.history-place strong{font-size:12px}.history-main span,.history-main a,.history-place span{color:var(--muted);align-items:center;gap:4px;margin-top:3px;font-size:9px;display:flex}.history-main a{width:max-content;color:var(--primary);font-weight:700}.history-badges{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.policy-card h3{margin-bottom:12px;font-size:16px}.policy-card ul{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.8}.admin-heading{align-items:center}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;align-items:flex-start;gap:15px;min-height:132px;padding:20px;display:flex}.metric-icon{border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.metric-icon.teal{color:#146454;background:#e2f3ed}.metric-icon.blue{color:#2c5f8f;background:#e8f1fa}.metric-icon.orange{color:#965f17;background:#fff0d8}.metric-icon.red{color:#9b3838;background:#fbe8e8}.metric-card>div{display:grid}.metric-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}.metric-card strong{margin:5px 0 3px;font-size:27px}.metric-card em{color:#879590;font-size:9px;font-style:normal}.admin-grid-main{grid-template-columns:1fr 260px;align-items:start;gap:16px;margin-top:20px;display:grid}.table-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;overflow:hidden}.dashboard-table .card-heading{padding:21px 22px 17px}.table-card table{border-collapse:collapse;width:100%}.table-card th{color:#667085;text-align:left;text-transform:uppercase;letter-spacing:.45px;background:#f7f8fa;height:38px;padding:0 15px;font-size:9px;font-weight:800}.table-card td{color:#344054;border-top:1px solid #edf0f3;min-height:59px;padding:12px 15px;font-size:11px}.table-card td>strong{font-size:11px}.person-cell{align-items:center;gap:9px;min-width:150px;display:flex}.person-cell>span:last-child{min-width:0;display:grid}.person-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:11px;overflow:hidden}.person-cell small,.cell-subtitle{color:#81908c;font-size:9px}.cell-subtitle{margin-top:3px;display:block}.empty-row{color:#879590;place-items:center;min-height:100px;font-size:12px;display:grid}.attention-card{border-radius:var(--radius-lg);color:#fff;background:var(--brand-900);padding:20px}.attention-heading{align-items:flex-start;gap:10px;display:flex}.attention-heading>span{color:#f2bb70;background:#ffffff17;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.attention-heading h3{margin:1px 0 2px;font-size:14px}.attention-heading p{color:#ffffff85;margin:0;font-size:9px}.attention-list{gap:9px;margin:18px 0;display:grid}.attention-list div{background:#ffffff0f;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.attention-list strong{min-width:25px;font-size:18px}.attention-list span{color:#ffffffa8;font-size:9px}.attention-card>a{color:#c6d5e8;justify-content:flex-end;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.integration-section{margin-top:24px}.integration-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:14px;padding:20px;display:grid}.integration-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:15px;place-items:center;display:grid}.integration-copy h3{margin:4px 0;font-size:14px}.integration-copy p{color:var(--muted);margin:0 0 7px;font-size:10px}.integration-state{align-items:center;gap:5px;font-size:9px;font-weight:700;display:inline-flex}.integration-state.success{color:var(--success)}.integration-state.warning{color:var(--warning)}.integration-state.muted{color:var(--muted)}.manager-stack{gap:16px;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar.align-end{align-items:flex-end}.toolbar-copy{color:var(--muted);margin:0;font-size:12px}.search-field{border:1px solid var(--line);color:#899691;background:#fff;border-radius:12px;align-items:center;gap:9px;width:min(420px,100%);height:43px;padding:0 14px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.form-card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;padding:24px}.account-form .form-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.form-heading h2{margin:5px 0 19px;font-size:19px}.form-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.form-grid label{color:#4d5868;gap:6px;font-size:10px;font-weight:700;display:grid}.form-grid label>small{color:var(--muted);font-size:9px;font-weight:500;line-height:1.45}.form-grid label.wide{grid-column:span 2}.form-grid input,.form-grid select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fbfcfc;border-radius:11px;outline:0;padding:0 12px;font-size:12px}.form-grid input:disabled{color:#7b8491;cursor:not-allowed;background:#f1f3f6}.form-grid input:focus,.form-grid select:focus{background:#fff;border-color:#8fa7c6}.account-form-note{min-height:64px;color:var(--brand-700);background:var(--primary-soft);border:1px solid #cfdbeb;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;display:flex}.account-form-note>span{gap:3px;display:grid}.account-form-note strong{font-size:10px}.account-form-note small{color:var(--muted);font-size:9px;line-height:1.4}.form-hint{color:var(--muted);margin-top:12px;font-size:10px}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:19px;padding-top:15px;display:flex}.sales-visit-camera-flow{gap:14px;display:grid}.visit-flow-note{color:var(--brand-900);background:var(--primary-soft);border-radius:13px;align-items:flex-start;gap:9px;margin-top:16px;padding:13px 15px;font-size:11px;line-height:1.55;display:flex}.visit-flow-note svg{flex:none;margin-top:1px}.visit-data-summary{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;border:1px solid #cfdbeb;padding:19px 22px}.visit-data-summary-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.visit-data-summary-heading h2{margin:5px 0 0;font-size:18px}.visit-data-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 0;display:grid}.visit-data-summary dl>div{background:#f5f7fa;border-radius:11px;min-width:0;padding:11px 12px}.visit-data-summary dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:700}.visit-data-summary dd{overflow-wrap:anywhere;color:var(--ink);margin:4px 0 0;font-size:12px;font-weight:700}.dot-label{align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.dot-label i{border-radius:50%;width:7px;height:7px}.dot-label.success{color:var(--success)}.dot-label.success i{background:#40aa90}.dot-label.danger{color:var(--danger)}.dot-label.danger i{background:#d65f5f}.dot-label.muted{color:var(--muted)}.dot-label.muted i{background:#a5afac}.account-table table{min-width:860px}.primary-admin-row td{background:#f7f9fd}.protected-account{width:max-content;min-height:28px;color:var(--brand-700);white-space:nowrap;background:#edf3fa;border:1px solid #cdd9e9;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.role-tag{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;min-height:27px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.role-tag.admin{color:#724c08;background:#fff2d7}.role-tag.employee{color:#42526a;background:#eef1f5}.row-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:150px;display:flex}.row-actions .icon-button{width:44px;height:44px}.danger-icon{color:var(--danger)}.danger-icon:hover{color:#fff;background:var(--danger)}.danger-icon:disabled{color:#b4bac2;background:#f4f5f7}.locked-action{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.location-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.location-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:105px 1fr;min-width:0;display:grid;overflow:hidden}.location-card.inactive{opacity:.66}.location-map-pattern{color:var(--primary);background-color:#edf2f8;background-image:linear-gradient(30deg,#1d406f14 12%,#0000 12.5% 87%,#1d406f14 87.5%,#1d406f14),linear-gradient(150deg,#1d406f14 12%,#0000 12.5% 87%,#1d406f14 87.5%,#1d406f14);background-size:34px 58px;place-items:center;display:grid}.location-map-pattern svg{filter:drop-shadow(0 5px 7px #1d406f33)}.location-card-body{padding:18px}.location-title{justify-content:space-between;gap:12px;display:flex}.location-title h3{margin:0 0 3px;font-size:14px}.location-title p{color:var(--muted);margin:0;font-size:9px}.location-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 80px;margin:15px 0;padding:10px 0;display:grid}.location-stats span{display:grid}.location-stats small{color:var(--muted);text-transform:uppercase;font-size:8px}.location-stats strong{font-size:10px}.location-actions{justify-content:space-between;align-items:center;display:flex}.location-actions .button{min-height:35px;padding:0;font-size:10px}.attendance-table{overflow-x:auto}.attendance-table table{min-width:950px}.coordinate-link{min-width:190px;color:var(--primary);align-items:center;gap:7px;display:flex}.coordinate-link>span{display:grid}.coordinate-link strong{color:#354741;font-size:10px}.coordinate-link small{color:var(--muted);font-size:8px}.privacy-page{background:#f7f9fc;min-height:100vh}.privacy-document{border:1px solid var(--line);width:min(850px,100% - 42px);box-shadow:var(--shadow);background:#fff;border-radius:20px;margin:45px auto 90px;padding:48px}.privacy-document h1{letter-spacing:-1.7px;margin:8px 0 16px;font-size:40px}.privacy-lead{color:var(--muted);font-size:15px;line-height:1.7}.privacy-grid{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0;display:grid}.privacy-grid section{background:#f4f7fb;border-radius:16px;padding:20px}.privacy-grid svg{color:var(--primary)}.privacy-grid h2{margin:14px 0 7px;font-size:15px}.privacy-grid p,.privacy-document li{color:var(--muted);font-size:12px;line-height:1.65}.privacy-document>h2{margin-top:32px;font-size:20px}@media (max-width:1050px){.landing-grid{gap:45px}.hero-copy h1{font-size:54px}.metric-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.landing-nav{width:calc(100% - 34px);height:72px}.landing-grid{grid-template-columns:1fr;gap:40px;width:calc(100% - 34px);margin-top:35px}.hero-copy h1{letter-spacing:-2.5px;font-size:48px}.login-card{max-width:540px}.landing-preview{grid-template-columns:1fr;max-width:500px}.preview-card.offset{transform:none}.landing-footer{flex-direction:column;gap:6px;width:calc(100% - 34px)}.app-layout{display:block}.sidebar,.desktop-context-bar{display:none}.mobile-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7faf0;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.mobile-header .brand-logo{height:32px}.mobile-header .brand-product{font-size:8px}.bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding:8px 12px env(safe-area-inset-bottom);z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{min-width:64px;min-height:47px;color:var(--muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 10px;font-size:9px;font-weight:700;display:flex}.bottom-nav-link:hover,.bottom-nav-link.active{color:var(--primary);background:var(--primary-soft)}.page-container{padding:28px 18px 105px}.admin-grid-main{grid-template-columns:1fr}.attention-card{order:-1}}@media (max-width:600px){.landing-nav>a{font-size:11px}.landing-grid{margin-top:23px}.hero-kicker{width:auto;font-size:9px}.hero-copy h1{letter-spacing:-2.2px;font-size:42px;line-height:1.04}.hero-copy>p{font-size:14px}.hero-features{display:grid}.login-card{padding:25px 20px}.landing-preview{margin-top:50px}.landing-footer{margin-top:45px}.page-header{min-height:auto;margin-bottom:24px}.page-header h1,.greeting-header h1{font-size:28px}.page-header p{font-size:12px}.today-count,.header-stat{min-width:85px;padding:11px}.today-count strong,.header-stat strong{font-size:21px}.capture-card{border-radius:20px;min-height:300px;padding:22px 18px}.capture-intro h2{font-size:21px}.capture-button{width:100%;min-width:0}.consent-check{font-size:10px}body.absensi-camera-open{overscroll-behavior:none;overflow:hidden}.capture-card.camera-active{width:100vw;height:calc(100dvh - 64px);min-height:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:100;box-shadow:none;border:0;border-radius:0;position:fixed;inset:64px 0 0}.capture-card.camera-active:after{display:none}.capture-card.camera-active .camera-stage{grid-template-rows:minmax(0,1fr) 44px;gap:8px;width:100%;height:100%;min-height:0}.capture-card.camera-active .camera-frame{aspect-ratio:auto;border-radius:15px;width:100%;height:100%;min-height:0}.capture-card.camera-active .camera-cancel{width:100%;min-height:44px}.camera-video{-o-object-fit:cover;object-fit:cover}.capture-progress{gap:6px;top:8px;left:8px;right:8px}.capture-progress span{gap:5px;height:31px;padding:0 7px;font-size:9px}.capture-progress span svg{flex:none;width:14px;height:14px}.camera-instruction{min-height:58px;padding:10px 12px;font-size:13px;bottom:8px;left:8px;right:8px}.preview-stage{grid-template-columns:1fr;gap:18px}.face-angle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.face-angle-grid figure:first-child{grid-column:1/-1;justify-self:center;width:50%}.preview-image-wrap{aspect-ratio:3/4;max-height:410px}.preview-actions{grid-column:1;grid-template-columns:1fr 1fr;display:grid}.preview-actions .button{padding:0 10px;font-size:11px}.onboarding-card{grid-template-columns:auto 1fr;padding:20px}.attendance-actions{grid-template-columns:1fr}.onboarding-art{border-radius:15px;width:50px;height:50px}.onboarding-card .button{grid-column:1/-1}.latest-grid{grid-template-columns:1fr}.record-row{grid-template-columns:28px 1fr auto;padding:9px 0}.record-row .status-badge{grid-column:2/-1}.history-card{grid-template-columns:42px 1fr}.history-place{grid-column:2}.history-badges{flex-direction:row;grid-column:1/-1;justify-content:flex-end}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{flex-direction:column;gap:10px;min-height:142px;padding:15px}.metric-card strong{font-size:24px}.integration-card{grid-template-columns:auto 1fr}.integration-action{grid-column:1/-1}.integration-action .button{width:100%}.toolbar{flex-direction:column;align-items:stretch}.toolbar .button{align-self:stretch}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:1}.sales-visit-form{padding:20px 16px}.sales-visit-form .form-grid input{touch-action:manipulation;min-height:48px;font-size:16px}.sales-visit-form .form-actions .button{width:100%}.visit-data-summary{padding:16px}.visit-data-summary-heading{flex-direction:column;align-items:stretch}.visit-data-summary-heading .button{width:100%}.visit-data-summary dl{grid-template-columns:1fr;gap:7px}.location-card{grid-template-columns:70px 1fr}.table-card{overflow-x:auto}.table-card table{min-width:720px}.account-table{background:0 0;border:0;overflow:visible}.account-table table,.account-table tbody{min-width:0;display:block}.account-table thead{display:none}.account-table tr{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:16px;display:grid;box-shadow:0 8px 24px #0e1c330d}.account-table tr.primary-admin-row{background:#f7f9fd;border-color:#bdcce0}.account-table td{border:0;min-height:0;padding:0;display:block}.account-table td:first-child{border-bottom:1px solid var(--line);padding-bottom:12px}.account-table td[data-label]{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;display:grid}.account-table td[data-label]:before{content:attr(data-label);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.account-table td:last-child{border-top:1px solid var(--line);padding-top:10px}.account-table .row-actions{justify-content:flex-end;width:100%;min-width:0}.account-table .locked-action{justify-content:flex-end}.privacy-document{width:calc(100% - 28px);margin-top:20px;padding:27px 20px}.privacy-document h1{font-size:30px}.privacy-grid{grid-template-columns:1fr}}.absensi-scope .admin-email-form{gap:18px;display:grid}.absensi-scope .admin-email-form p{overflow-wrap:anywhere;margin:0;line-height:1.6}.absensi-scope .admin-email-form label{gap:8px;display:grid}.absensi-scope .admin-email-form input:not([type=checkbox]),.absensi-scope .admin-email-form select{border:1px solid var(--line);border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.absensi-scope .admin-email-form .admin-email-confirm{align-items:flex-start;gap:10px;display:flex}.absensi-scope .admin-email-confirm input{flex-shrink:0;width:18px;height:18px;margin-top:4px}.absensi-scope .admin-directory-refresh{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.absensi-scope .admin-loading{min-height:80vh}.absensi-scope .admin-loading-card{background:#edf1f6;border-radius:18px;height:150px;margin-top:24px}.absensi-scope .page-container.admin-width{container-type:inline-size}.absensi-scope .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.absensi-scope .admin-metrics .metric-card{text-align:left;cursor:pointer;min-height:158px;font:inherit;border:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;padding:24px;display:grid;position:relative}.absensi-scope .admin-metrics .metric-copy{gap:9px;min-width:0;display:grid}.absensi-scope .admin-metrics .metric-copy small{overflow-wrap:anywhere;padding-right:12px;font-size:10px;line-height:1.5;display:block}.absensi-scope .admin-metrics .metric-copy strong{color:var(--ink);margin:0;font-size:30px;line-height:1.1;display:block}.absensi-scope .admin-metrics .metric-copy em{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.absensi-scope .admin-width .table-card{--admin-card-gutter:24px}.absensi-scope .admin-width .table-card>.card-heading{padding:22px var(--admin-card-gutter) 18px;align-items:center}.absensi-scope .admin-width .card-heading h2{margin:0;line-height:1.35}.absensi-scope .admin-width .card-heading .eyebrow{margin-bottom:7px;display:block}.absensi-scope .admin-width .card-heading>a{flex-shrink:0}.absensi-scope .admin-metrics .metric-card:hover{border-color:var(--brand-700);box-shadow:var(--shadow)}.absensi-scope .admin-metrics .metric-card:focus-visible{outline:3px solid var(--brand-700);outline-offset:3px}.absensi-scope .metric-arrow{color:var(--brand-700);position:absolute;top:16px;right:16px}.absensi-scope .admin-header-actions,.absensi-scope .admin-header-actions form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.absensi-scope .admin-header-actions label,.absensi-scope .admin-modal-search{gap:6px;font-size:12px;font-weight:700;display:grid}.absensi-scope .admin-header-actions input,.absensi-scope .admin-modal-search input,.absensi-scope .admin-note-panel textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:16px}.absensi-scope .admin-day-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.absensi-scope .admin-day-notes{max-width:100%}.absensi-scope .admin-note-panel{padding:16px}.absensi-scope .admin-note-list{max-height:320px;margin-bottom:16px;overflow-y:auto}.absensi-scope .admin-note-list article{border-bottom:1px solid var(--line);padding:12px 0}.absensi-scope .admin-note-list p,.absensi-scope .record-admin-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 7px;font-size:13px;line-height:1.6}.absensi-scope .admin-note-list small,.absensi-scope .note-empty{color:var(--muted);font-size:12px}.absensi-scope .admin-note-panel form{gap:10px;display:grid}.absensi-scope .admin-note-panel form label{gap:6px;font-size:12px;display:grid}.absensi-scope .admin-note-panel textarea{resize:vertical}.absensi-scope .note-message{margin-top:12px;font-size:13px}.absensi-scope .admin-record-scroll{overflow-x:auto}.absensi-scope .admin-records{width:100%;min-width:950px}.absensi-scope .admin-records td{vertical-align:top;min-width:115px}.absensi-scope .admin-records th{white-space:nowrap}.absensi-scope .admin-records td small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.absensi-scope .admin-records td strong{font-size:13px}.absensi-scope .admin-records td a{color:var(--brand-700)}.absensi-scope .admin-records svg{vertical-align:middle;display:inline-block}.absensi-scope .admin-records .button{padding:0 10px;font-size:12px}.absensi-scope .admin-records td:last-child{min-width:190px;max-width:320px}.absensi-scope .record-visit-note{font-size:12px;line-height:1.6}.absensi-scope .admin-filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.absensi-scope .admin-integration{margin-top:24px}.absensi-scope .admin-integration summary{cursor:pointer;color:var(--brand-700);padding:14px 0;font-weight:700}dialog.admin-modal.absensi-scope{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(1240px,100vw - 32px);max-width:none;min-height:0;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 80px #0e1c3344}dialog.admin-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1c3399}.absensi-scope .admin-modal-heading{z-index:1;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex;position:sticky;top:0}.absensi-scope .admin-modal-heading h2{margin:0;font-size:20px}.absensi-scope .admin-modal-body{padding:20px}.absensi-scope .admin-modal-search{max-width:500px;margin-bottom:20px}.absensi-scope .admin-employee-activity>article{border:1px solid var(--line);border-radius:14px;margin-bottom:18px;overflow:hidden}.absensi-scope .admin-employee-activity header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;padding:16px;display:flex}.absensi-scope .admin-employee-activity h3{margin-bottom:4px;font-size:16px}.absensi-scope .admin-employee-activity p,.absensi-scope .admin-employee-activity small{overflow-wrap:anywhere;margin-bottom:3px;font-size:12px}.absensi-scope .admin-anchor-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.absensi-scope .admin-anchor-grid figure{background:var(--brand-soft);border-radius:12px;margin:0;overflow:hidden}.absensi-scope .admin-anchor-grid img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;width:100%}.absensi-scope .admin-anchor-grid figcaption{padding:10px;font-size:13px;font-weight:700}.absensi-scope .admin-anchor-grid small{color:var(--muted);font-size:11px;font-weight:400;display:block}.absensi-scope .row-actions{flex-wrap:wrap}.absensi-scope .row-actions .button{min-height:38px;padding:0 9px;font-size:12px}@media (max-width:700px){.absensi-scope .admin-metrics{grid-template-columns:1fr}.absensi-scope .admin-metrics .metric-card{flex-direction:row;min-height:115px}.absensi-scope .admin-header-actions,.absensi-scope .admin-header-actions form{width:100%}.absensi-scope .admin-header-actions label{flex:1}.absensi-scope .admin-header-actions>a{width:100%}.absensi-scope .admin-records,.absensi-scope .admin-records tbody{min-width:0;display:block}.absensi-scope .admin-records thead{display:none}.absensi-scope .admin-records tr{border-bottom:1px solid var(--line);gap:12px;padding:16px;display:grid}.absensi-scope .admin-records td{overflow-wrap:anywhere;border:0;min-width:0;max-width:none;padding:0;display:block}.absensi-scope .admin-records td:before{content:attr(data-label);text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.absensi-scope .admin-records td:last-child{min-width:0;max-width:none}dialog.admin-modal.absensi-scope{border-radius:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.absensi-scope .admin-modal-heading,.absensi-scope .admin-modal-body{padding:14px}.absensi-scope .admin-modal-heading h2{font-size:18px}.absensi-scope .admin-anchor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.absensi-scope .account-form input,.absensi-scope .account-form select{font-size:16px}}@media (prefers-reduced-motion:reduce){.absensi-scope *,.absensi-scope :before,.absensi-scope :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.absensi-scope .admin-live-feed{margin-bottom:24px}.absensi-scope .activity-badge{color:#1d4071;white-space:nowrap;background:#edf3fc;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:flex}.absensi-scope .admin-activity-list{max-height:380px;margin:0;padding:0;list-style:none;overflow-y:auto}.absensi-scope .admin-activity-list li+li{border-top:1px solid #e6ebf2}.absensi-scope .admin-activity-entry{width:100%;padding:15px var(--admin-card-gutter,24px);text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.absensi-scope .admin-activity-entry:hover{background:#f4f7fb}.absensi-scope .admin-activity-entry>span{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.absensi-scope .admin-activity-list strong{color:#182b42}.absensi-scope .admin-activity-list span span{color:#455468;font-size:14px}.absensi-scope .admin-activity-list time{color:#63758c;font-size:12px}.absensi-scope .admin-activity-list .activity-warning{border-left:3px solid #b36413}.absensi-scope .activity-read{margin:0 var(--admin-card-gutter,24px) 12px}@container (max-width:850px){.absensi-scope .admin-heading{flex-direction:column;align-items:stretch;gap:18px}.absensi-scope .admin-metrics{grid-template-columns:1fr}.absensi-scope .admin-metrics .metric-card{min-height:126px;padding:20px}.absensi-scope .admin-width .table-card{--admin-card-gutter:20px}.absensi-scope .admin-width .table-card>.card-heading{padding:20px var(--admin-card-gutter)}}.absensi-scope .admin-pagination{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex}.absensi-scope .admin-pagination>div{align-items:center;gap:10px;display:flex}.absensi-scope .admin-pagination .button{min-height:38px;padding:8px 12px;font-size:13px}.absensi-scope .admin-export-actions{flex-wrap:wrap;gap:8px;display:flex}.absensi-scope .admin-modal-body>.admin-export-actions{margin-bottom:18px}.absensi-scope .employee-compact-list{gap:9px;display:grid}.absensi-scope .employee-compact-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.absensi-scope .employee-compact-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.absensi-scope .employee-compact-card summary::-webkit-details-marker{display:none}.absensi-scope .employee-compact-card summary:after{content:"+";color:var(--brand-700);font-size:20px}.absensi-scope .employee-compact-card[open] summary:after{content:"−"}.absensi-scope .employee-compact-card summary .person-cell{flex:1;min-width:0}.absensi-scope .employee-compact-card summary strong{overflow-wrap:anywhere;font-size:14px}.absensi-scope .employee-summary-tags{align-items:center;gap:8px;display:flex}.absensi-scope .employee-compact-detail{border-top:1px solid var(--line);padding:16px}.absensi-scope .employee-compact-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px;display:grid}.absensi-scope .employee-compact-detail dt{color:var(--muted);font-size:12px}.absensi-scope .employee-compact-detail dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px}@media (max-width:700px){.absensi-scope .employee-compact-card summary{gap:8px;padding:10px 12px}.absensi-scope .employee-compact-card summary .avatar{display:none}.absensi-scope .employee-summary-tags{flex-direction:column;gap:4px}.absensi-scope .employee-compact-detail dl{grid-template-columns:minmax(0,1fr)}.absensi-scope .admin-pagination{justify-content:center}.absensi-scope .admin-header-actions,.absensi-scope .admin-export-actions{width:100%}.absensi-scope .admin-export-actions>.button{flex:1}}.absensi-scope .attendance-guide{gap:22px;display:grid}.absensi-scope .attendance-guide h3{margin:0 0 10px;font-size:18px;font-weight:700}.absensi-scope .attendance-guide p{color:var(--muted);margin:0 0 10px;line-height:1.65}.absensi-scope .attendance-guide-link{margin:0 0 20px}.absensi-scope .admin-range-form .admin-employee-filter{grid-column:1/-1}.absensi-scope .employee-history-search{gap:6px;min-width:0;display:grid;position:relative}.absensi-scope .employee-history-input{position:relative}.absensi-scope .employee-history-input input{padding-right:48px}.absensi-scope .employee-history-clear{width:44px;height:44px;color:var(--brand-700);cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:1px;right:1px}.absensi-scope .employee-history-suggestions{z-index:20;box-shadow:var(--shadow);background:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.absensi-scope .employee-history-suggestions ul{max-height:min(280px,40dvh);margin:0;padding:4px;list-style:none;overflow-y:auto}.absensi-scope .employee-history-suggestions li{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;gap:4px;min-height:48px;padding:12px;display:grid}.absensi-scope .employee-history-suggestions li:hover,.absensi-scope .employee-history-suggestions li[aria-selected=true]{background:var(--brand-soft);color:var(--brand-700)}.absensi-scope .employee-history-suggestions small,.absensi-scope .employee-history-suggestions p{color:var(--muted);font-size:13px}.absensi-scope .employee-history-suggestions p{margin:0;padding:12px}.absensi-scope .employee-edit-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.absensi-scope .employee-edit-form .form-heading{color:var(--muted);margin-bottom:20px;line-height:1.6}.absensi-scope .employee-edit-form input,.absensi-scope .employee-edit-form select{width:100%;min-width:0;min-height:46px;font-size:16px}.absensi-scope .employee-edit-form label{font-size:13px}.absensi-scope .employee-edit-form .form-actions{background:#fff;flex-wrap:wrap;padding:14px 0;position:sticky;bottom:-20px}@media (max-width:600px){.absensi-scope .employee-edit-form .form-grid{grid-template-columns:minmax(0,1fr)}.absensi-scope .employee-edit-form .form-actions{bottom:-14px}.absensi-scope .employee-edit-form .form-actions .button{white-space:normal;flex:auto;min-height:46px}}.absensi-scope .sales-visit-form textarea,.absensi-scope .sales-visit-form input{min-width:0;max-width:100%;font-size:16px}.absensi-scope .visit-data-summary{overflow-wrap:anywhere}.absensi-scope .visit-data-summary p{margin:10px 0;line-height:1.6}.absensi-scope .admin-header-actions{gap:14px;min-width:0;max-width:100%;display:grid}.absensi-scope .admin-header-actions .admin-date-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;display:grid}.absensi-scope .admin-header-actions .admin-range-form{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.absensi-scope .admin-date-form label,.absensi-scope .admin-date-form input{box-sizing:border-box;min-width:0;max-width:100%}.absensi-scope .admin-date-form input{width:100%;min-height:46px}.absensi-scope .admin-date-form .button{white-space:normal;min-height:46px;padding:12px 18px}.absensi-scope .admin-range-heading{flex-direction:column;align-items:stretch;gap:20px}.absensi-scope .admin-export-actions .button{min-width:0;padding:12px 16px}.absensi-scope .admin-export-group{min-width:0}.absensi-scope .admin-modal-body>.admin-export-group{margin-bottom:18px}.absensi-scope .admin-range-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.absensi-scope .admin-range-metrics>div{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:20px;display:grid}.absensi-scope .admin-range-metrics span{color:var(--muted);font-size:13px}.absensi-scope .admin-range-metrics strong{font-size:28px;line-height:1.2}.absensi-scope .admin-months{gap:18px;display:grid}.absensi-scope .admin-month{overflow-anchor:none;min-width:0}.absensi-scope .admin-month-toggle{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.absensi-scope .admin-month-toggle span{gap:6px;display:grid}.absensi-scope .admin-month-toggle strong{font-size:18px}.absensi-scope .admin-month-toggle small{color:var(--muted);font-size:13px}.absensi-scope .admin-month-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.absensi-scope .admin-month-body{border-top:1px solid var(--line);min-height:190px}.absensi-scope .admin-month-body[hidden]{display:none}.absensi-scope .admin-month-body>.admin-export-group{padding:18px 24px}.absensi-scope .admin-month-message{color:var(--muted);padding:20px 24px}.absensi-scope .admin-record-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 24px;display:grid}.absensi-scope .admin-record-detail dt{color:var(--muted);margin-bottom:6px;font-size:12px}.absensi-scope .admin-record-detail dd{overflow-wrap:anywhere;margin:0}.absensi-scope .admin-record-detail small{color:var(--muted);margin-top:5px;display:block}.absensi-scope .admin-activity-context{border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin-bottom:20px;padding-bottom:20px}.absensi-scope .admin-activity-context p{margin:8px 0 0}@media (max-width:600px){.absensi-scope .admin-header-actions .admin-date-form,.absensi-scope .admin-header-actions .admin-range-form{grid-template-columns:minmax(0,1fr);gap:14px}.absensi-scope .admin-range-metrics{grid-template-columns:minmax(0,1fr);gap:10px}.absensi-scope .admin-range-metrics>div{justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.absensi-scope .admin-month-toggle,.absensi-scope .admin-month-body>.admin-export-group,.absensi-scope .admin-month-message{padding:16px}.absensi-scope .admin-record-detail dl{grid-template-columns:minmax(0,1fr)}}