#p-absensi{--ab-ind:#7c83ff;--ab-ind2:#5ce1e6;--ab-amber:#f59e0b;--ab-amber2:#d97706;--ab-ok:#2ee6a6;--ab-late:#f5b301;--ab-off:#5a6180;--ab-bad:#ff6b7d;--ab-t:#eef0fa;--ab-t2:#a6adca;--ab-t3:#7a82a6;--ab-ln:rgba(255,255,255,.08);--ab-ln2:rgba(255,255,255,.14);--ab-gl:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:var(--ab-t)}body:not(.dark) #p-absensi{--ab-t:#1e293b;--ab-t2:#475569;--ab-t3:#64748b;--ab-ln:rgba(2,6,23,.09);--ab-ln2:rgba(2,6,23,.13);--ab-gl:linear-gradient(180deg,#ffffff,#f8fafc)}body:not(.dark) #p-absensi .ab-card{box-shadow:0 18px 44px -30px rgba(2,6,23,.22)}body:not(.dark) #p-absensi .ab-btn{background:#f1f5f9}body:not(.dark) #p-absensi .ab-btn:hover{background:#e6ebf3}body:not(.dark) #p-absensi input,body:not(.dark) #p-absensi select,body:not(.dark) #p-absensi textarea{background:#f8fafc}body:not(.dark) #p-absensi .ab-badge{background:rgba(255,255,255,.85);color:var(--ab-t2)}#p-absensi .ab-card{background:var(--ab-gl);border:1px solid var(--ab-ln);border-radius:18px;box-shadow:0 24px 60px -34px rgba(0,0,0,.7)}#p-absensi .ab-grid{display:grid;gap:16px}#p-absensi .ab-tools{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}#p-absensi .ab-btn{border:1px solid var(--ab-ln2);background:rgba(255,255,255,.05);color:var(--ab-t);font-weight:600;font-size:13.5px;padding:10px 15px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}#p-absensi .ab-btn:hover{background:rgba(255,255,255,.09)}#p-absensi .ab-btn.pri{background:linear-gradient(120deg,var(--ab-ind),var(--ab-ind2));color:#08101a;border:none;box-shadow:0 10px 24px -12px rgba(124,131,255,.7)}#p-absensi .ab-btn.amb{background:linear-gradient(120deg,var(--ab-amber),var(--ab-amber2));color:#1a1206;border:none}#p-absensi .ab-btn.sm{padding:6px 11px;font-size:12px;border-radius:9px}#p-absensi .ab-btn:disabled{opacity:.5;cursor:not-allowed}#p-absensi input,#p-absensi select,#p-absensi textarea{background:rgba(255,255,255,.05);border:1px solid var(--ab-ln2);color:var(--ab-t);border-radius:11px;padding:10px 12px;font-family:inherit;font-size:13.5px}#p-absensi input:focus,#p-absensi select:focus,#p-absensi textarea:focus{outline:0;border-color:var(--ab-ind);box-shadow:0 0 0 4px rgba(124,131,255,.14)}#p-absensi .ab-hero{grid-template-columns:1.15fr 1fr}#p-absensi .ab-checkin{position:relative;overflow:hidden;padding:0}#p-absensi .ab-checkin .bd{position:absolute;inset:0;background:radial-gradient(600px 300px at -5% 0,rgba(124,131,255,.22),transparent 60%),radial-gradient(500px 320px at 110% 120%,rgba(245,158,11,.16),transparent 55%)}#p-absensi .ab-checkin .in{position:relative;padding:22px;display:grid;grid-template-columns:168px 1fr;gap:20px}#p-absensi .ab-scanner{aspect-ratio:1;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(120% 120% at 50% 30%,#1a2036,#0a0d18);border:1px solid var(--ab-ln2)}#p-absensi .ab-scanner .fc{position:absolute;inset:20px;border-radius:50%;border:2px dashed rgba(124,131,255,.5);display:grid;place-items:center}#p-absensi .ab-scanner .fc i{font-size:50px;color:rgba(174,182,224,.45)}#p-absensi .ab-sl{position:absolute;left:10%;right:10%;height:2px;top:22%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--ab-ind2),transparent);box-shadow:0 0 16px var(--ab-ind2);opacity:0}#p-absensi .ab-scanner.live .ab-sl{opacity:1;animation:ab-scan 1.5s ease-in-out infinite}@keyframes ab-scan{0%{top:22%}50%{top:74%}100%{top:22%}}#p-absensi .ab-scanner.done .fc{border-color:var(--ab-ok)}#p-absensi .ab-scanner.done .fc i{color:var(--ab-ok)}#p-absensi .ab-badge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:999px;background:rgba(10,14,24,.7);border:1px solid var(--ab-ln2);color:var(--ab-t2)}#p-absensi .ab-badge b{color:var(--ab-ind2)}#p-absensi .ab-ey{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ab-t3)}#p-absensi .ab-h1{font-size:20px;font-weight:800;line-height:1.2;margin-top:3px}#p-absensi .ab-subx{color:var(--ab-t2);font-size:13px;margin-top:5px;line-height:1.5}#p-absensi .ab-gps{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:12.5px;color:var(--ab-t2)}#p-absensi .ab-acts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}#p-absensi .ab-today{padding:20px}#p-absensi .ab-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}#p-absensi .ab-stat{padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid var(--ab-ln)}#p-absensi .ab-stat .n{font-size:24px;font-weight:800;line-height:1}#p-absensi .ab-stat .l{font-size:11px;color:var(--ab-t3);margin-top:5px;display:flex;align-items:center;gap:6px}#p-absensi .ab-tick{width:7px;height:7px;border-radius:50%}#p-absensi .ab-prog{height:8px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:14px}#p-absensi .ab-prog i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--ab-ok),var(--ab-ind2))}#p-absensi .ab-feats{grid-template-columns:repeat(4,1fr);margin-top:16px}#p-absensi .ab-feat{padding:14px;border-radius:15px;display:flex;gap:11px;align-items:flex-start}#p-absensi .ab-feat .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:rgba(124,131,255,.14);color:var(--ab-ind2);font-size:17px}#p-absensi .ab-feat .ic.a{background:rgba(245,158,11,.14);color:var(--ab-amber)}#p-absensi .ab-feat .ft{font-weight:600;font-size:13px;line-height:1.25}#p-absensi .ab-feat .fs{font-size:11px;color:var(--ab-t3);margin-top:3px;line-height:1.4}#p-absensi .ab-main{grid-template-columns:1.3fr 1fr;align-items:start;margin-top:16px}#p-absensi .ab-hd{display:flex;align-items:center;gap:8px;padding:15px 16px 11px;font-weight:700;font-size:14.5px;flex-wrap:wrap}@media (max-width:820px){.ab-hd>div[style*="flex:1"]{flex:1 0 100%;height:0}.ab-hd>input[type=month]{flex:1 1 130px;min-width:0}}#p-absensi .ab-hd .sm2{font-weight:500;color:var(--ab-t3);font-size:12px}#p-absensi .ab-fil{display:flex;gap:6px;padding:0 16px 11px;flex-wrap:wrap}#p-absensi .ab-chip{font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid var(--ab-ln);color:var(--ab-t2)}#p-absensi .ab-chip.on{background:rgba(124,131,255,.16);border-color:rgba(124,131,255,.4);color:#cfd3ff}#p-absensi .ab-emp{display:flex;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid var(--ab-ln)}#p-absensi .ab-ava{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#0a0c16;flex-shrink:0}#p-absensi .ab-nm{font-weight:600;font-size:13.5px}#p-absensi .ab-rl{font-size:11.5px;color:var(--ab-t3);margin-top:1px}#p-absensi .ab-time{font-family:monospace;font-size:12px;color:var(--ab-t2)}#p-absensi .ab-st{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}#p-absensi .ab-map{position:relative;min-height:275px;overflow:hidden;border-radius:18px}#p-absensi #ab-map-leaflet{position:absolute;inset:0;z-index:0;background:#0c1020}#p-absensi .ab-map .leaflet-control-layers{background:rgba(20,26,46,.94);color:var(--ab-t);border:1px solid var(--ab-ln2);border-radius:9px}#p-absensi .ab-map .leaflet-control-layers-toggle{background-color:rgba(20,26,46,.94)}#p-absensi .ab-map .leaflet-control-layers-expanded label{color:var(--ab-t);font-size:12.5px}#p-absensi .ab-map .ab-mlbl{z-index:500;background:rgba(10,13,24,.72);padding:3px 9px;border-radius:8px;pointer-events:none}#p-absensi .ab-map .leaflet-popup-content-wrapper,#p-absensi .ab-map .leaflet-popup-tip{background:#141a2e;color:var(--ab-t)}#p-absensi .ab-map .leaflet-popup-content{color:var(--ab-t);font-size:12px}#p-absensi .ab-map .leaflet-container a.leaflet-popup-close-button{color:var(--ab-t2)}#p-absensi .ab-map .cv{position:absolute;inset:0;background:linear-gradient(180deg,#0c1020,#0a0d18)}#p-absensi .ab-map .cv::before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(124,131,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(124,131,255,.08) 1px,transparent 1px);background-size:34px 34px}#p-absensi .ab-cl{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;font-weight:800;color:#08101a;cursor:pointer;transition:.2s}#p-absensi .ab-cl:hover{transform:translate(-50%,-50%) scale(1.08)}#p-absensi .ab-cl.b{width:54px;height:54px;font-size:18px;background:radial-gradient(circle at 35% 30%,#8b93ff,#5b45ff);box-shadow:0 0 0 8px rgba(124,131,255,.14)}#p-absensi .ab-cl.m{width:44px;height:44px;font-size:15px;background:radial-gradient(circle at 35% 30%,#5ce1e6,#2ec5c9);box-shadow:0 0 0 7px rgba(92,225,230,.14)}#p-absensi .ab-cl.s{width:36px;height:36px;font-size:13px;background:radial-gradient(circle at 35% 30%,#f7c65b,#f59e0b);box-shadow:0 0 0 6px rgba(245,158,11,.14)}#p-absensi .ab-mlbl{position:absolute;bottom:12px;left:14px;font-size:11px;color:var(--ab-t3)}#p-absensi .ab-feed .r{display:flex;gap:11px;padding:11px 16px;border-top:1px solid var(--ab-ln);align-items:flex-start}#p-absensi .ab-feed .fi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:13px}#p-absensi .ab-feed .ft{font-size:13px;line-height:1.35}#p-absensi .ab-feed .fa{font-size:11px;color:var(--ab-t3);margin-top:2px}#p-absensi .ab-row2{grid-template-columns:1.2fr 1fr;margin-top:16px}#p-absensi .ab-pad{padding:18px}#p-absensi .ab-pad h4{margin:0 0 4px;font-size:14.5px;font-weight:700}#p-absensi .ab-pad .dd{font-size:12.5px;color:var(--ab-t3);margin-bottom:12px}#p-absensi .ab-seg{display:flex;gap:7px;margin:12px 0}#p-absensi .ab-seg .ab-chip{flex:1;justify-content:center;text-align:center}#p-absensi .ab-dev{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--ab-ln)}#p-absensi .ab-dev:first-of-type{border-top:none}#p-absensi .ab-dev .di{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(124,131,255,.12);color:var(--ab-ind2);flex-shrink:0;font-size:17px}#p-absensi .ab-dev .dn{font-weight:600;font-size:13.5px}#p-absensi .ab-dev .dm{font-size:11.5px;color:var(--ab-t3);margin-top:1px}#p-absensi .ab-syncbar{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--ab-ln);font-size:12px;color:var(--ab-t3)}#p-absensi .ab-pengrow{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--ab-ln)}@media(max-width:1000px){#p-absensi .ab-hero,#p-absensi .ab-main,#p-absensi .ab-row2{grid-template-columns:1fr}#p-absensi .ab-feats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){#p-absensi .ab-checkin .in{grid-template-columns:1fr}#p-absensi .ab-feats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#p-absensi *{animation:none!important}}#p-olt .topbar{background:0 0;border-bottom:0;padding:0;position:static;z-index:auto;justify-content:flex-start;height:auto;min-height:0;align-items:center;flex-wrap:wrap;gap:10px 8px;margin-bottom:14px}#p-olt .tb-spacer{display:none}#p-olt .tb-ctrls{display:contents}#p-olt .tb-search{flex:1 1 240px}#p-olt .tb-search input{width:100%;box-sizing:border-box}#p-olt{overflow-x:clip}#p-olt .topbar{max-width:100%}