/* ADATASK_HOMEPAGE_ATTENDANCE_V1 — isolated, light and responsive */
.ada-attendance-module-v1{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border-radius:15px;background:#fbf8ff;border:1px solid rgba(151,89,231,.28);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ada-attendance-module-v1>span:last-child{font-size:12.5px;font-weight:800;line-height:1.55;color:#173454}
.ada-attendance-module-icon-v1{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:10px;background:#f1e9fe;color:#9759e7;position:relative}
.ada-attendance-module-icon-v1:after{content:"";position:absolute;inset:-3px;border:1px solid rgba(151,89,231,.35);border-radius:12px;opacity:0;transform:scale(.78);transition:.3s ease}
.ada-attendance-module-v1:hover{transform:translateY(-3px);border-color:rgba(151,89,231,.5);box-shadow:0 12px 28px rgba(100,67,155,.12)}
.ada-attendance-module-v1:hover .ada-attendance-module-icon-v1:after{opacity:1;transform:scale(1)}
.ada-attendance-card-v1{grid-column:span 2;min-width:0;position:relative;overflow:hidden;box-sizing:border-box;background:#fff;border:1px solid rgba(151,89,231,.24);border-radius:24px;padding:22px;box-shadow:0 18px 42px rgba(86,65,170,.09);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ada-attendance-card-v1:hover{transform:translateY(-5px);border-color:rgba(151,89,231,.5);box-shadow:0 25px 55px rgba(86,65,170,.17)}
.ada-attendance-card-v1 h3{margin:18px 0 0;font-size:18px;font-weight:900;color:#173454}
.ada-attendance-card-v1 p{margin:9px 0 0;font-size:13.5px;line-height:1.95;color:#6b8199;font-weight:500;max-width:660px}
.ada-attendance-scene-v1{position:relative;box-sizing:border-box;height:152px;border:1px solid rgba(151,89,231,.16);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 12% 83%,rgba(171,183,255,.46),transparent 42%),linear-gradient(110deg,#e9efff,#f3eeff 58%,#e6faf8)}
.ada-attendance-scene-v1:before{content:"";position:absolute;inset:-100px auto auto 30%;width:220px;height:220px;border-radius:50%;background:rgba(151,89,231,.13);filter:blur(22px);pointer-events:none}
.ada-attendance-map-v1{position:absolute;left:7%;top:15%;width:40%;height:78%;border-radius:17px;transform:perspective(500px) rotateX(14deg) rotateZ(-7deg);background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(151,89,231,.12) 24px 26px,transparent 27px 47px),repeating-linear-gradient(0deg,transparent 0 20px,rgba(101,160,185,.14) 21px 23px,transparent 24px 42px),linear-gradient(135deg,rgba(255,255,255,.76),rgba(211,227,255,.73));border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 25px rgba(68,79,165,.12)}
.ada-attendance-map-line-v1{position:absolute;top:20%;left:25%;height:64%;width:48%;border:3px dashed rgba(151,89,231,.35);border-radius:45%;transform:rotate(17deg)}
.ada-attendance-map-pin-v1{position:absolute;left:48%;top:33%;display:grid;place-items:center;color:#7f4fe2;filter:drop-shadow(0 7px 7px rgba(108,78,195,.22));animation:adaAttendancePinV1 3.5s ease-in-out infinite}
.ada-attendance-gps-v1{position:absolute;left:9px;top:9px;display:flex;align-items:center;gap:5px;color:#fff;font:bold 10px Arial,sans-serif;background:linear-gradient(135deg,#9b7cf1,#7b4ddd);padding:5px 10px;border-radius:99px;box-shadow:0 7px 15px rgba(151,89,231,.23)}
.ada-attendance-gps-v1 i{width:6px;height:6px;border-radius:50%;background:#9ef9c9;box-shadow:0 0 0 4px rgba(158,249,201,.18);animation:adaAttendanceLiveV1 2s infinite}
.ada-attendance-phone-v1{position:absolute;z-index:2;top:6px;right:37%;height:158px;width:108px;box-sizing:border-box;border:5px solid #233a5c;border-radius:19px;background:linear-gradient(#fff,#f8faff);box-shadow:0 9px 0 rgba(151,89,231,.12),0 15px 28px rgba(40,55,100,.26);display:flex;align-items:center;flex-direction:column;padding:10px 6px 4px;animation:adaAttendancePhoneV1 5s ease-in-out infinite}
.ada-attendance-speaker-v1{width:26px;height:3px;border-radius:9px;background:#253f62;margin:-5px 0 9px}
.ada-attendance-phone-title-v1{font-size:10px;font-weight:800;color:#3b5478;white-space:nowrap}
.ada-attendance-time-v1{font:bold 22px Arial,sans-serif;letter-spacing:-.3px;color:#173454;margin:3px 0 5px}
.ada-attendance-checkin-v1{font-size:10px;font-weight:850;color:#fff;white-space:nowrap;padding:6px 10px;border-radius:7px;background:linear-gradient(90deg,#31b78d,#47caa9);box-shadow:0 4px 9px rgba(49,183,141,.18)}
.ada-attendance-location-v1{font-size:9px;font-weight:700;color:#6b8199;margin-top:7px;white-space:nowrap}
.ada-attendance-selfie-v1{position:absolute;z-index:3;top:16px;right:6%;display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid rgba(151,89,231,.14);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 9px 18px rgba(86,65,170,.11);font-size:10px;font-weight:800;color:#173454;animation:adaAttendanceBadgeV1 4s ease-in-out infinite}
.ada-attendance-selfie-v1 strong{display:block;font-weight:800}
.ada-attendance-selfie-icon-v1{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eee4fd;color:#9759e7}
.ada-attendance-selfie-ok-v1{color:#0f9b71;font-weight:900}
.ada-attendance-proof-v1{position:absolute;z-index:1;right:6%;bottom:15px;padding:8px 10px;border:1px solid rgba(151,89,231,.12);border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 7px 16px rgba(86,65,170,.08);font-size:10px;font-weight:800;color:#173454;display:flex;align-items:center;gap:9px}
.ada-attendance-bars-v1{display:flex;gap:3px;align-items:end;height:20px}
.ada-attendance-bars-v1 i{width:5px;border-radius:3px 3px 1px 1px;background:#9c7add;animation:adaAttendanceBarsV1 2.3s ease-in-out infinite}
.ada-attendance-bars-v1 i:nth-child(1){height:9px}.ada-attendance-bars-v1 i:nth-child(2){height:15px;animation-delay:.22s;background:#96cdcd}.ada-attendance-bars-v1 i:nth-child(3){height:12px;animation-delay:.45s}.ada-attendance-bars-v1 i:nth-child(4){height:19px;animation-delay:.7s;background:#69c6b4}
.ada-attendance-shine-v1{pointer-events:none;position:absolute;z-index:4;inset:0 auto 0 -24%;width:18%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:adaAttendanceShineV1 7s ease-in-out infinite}
@keyframes adaAttendancePhoneV1{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes adaAttendancePinV1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes adaAttendanceLiveV1{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes adaAttendanceBadgeV1{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@keyframes adaAttendanceBarsV1{0%,100%{transform:scaleY(.9)}50%{transform:scaleY(1.17)}}
@keyframes adaAttendanceShineV1{0%,65%,100%{left:-24%}80%{left:114%}}
@media(max-width:980px){.ada-attendance-card-v1{grid-column:span 1}.ada-attendance-selfie-v1{right:3%}.ada-attendance-proof-v1{right:3%}.ada-attendance-phone-v1{right:32%}}
@media(max-width:600px){.ada-attendance-card-v1{padding:15px}.ada-attendance-scene-v1{height:145px}.ada-attendance-phone-v1{right:34%;width:100px}.ada-attendance-selfie-v1{font-size:9px;padding:6px;gap:4px}.ada-attendance-selfie-icon-v1{width:24px;height:24px}.ada-attendance-proof-v1{font-size:9px;padding:5px}.ada-attendance-card-v1 h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ada-attendance-card-v1,.ada-attendance-module-v1{transition:none}.ada-attendance-card-v1:hover,.ada-attendance-module-v1:hover{transform:none}.ada-attendance-scene-v1 *,.ada-attendance-scene-v1:before{animation:none!important}}