@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";.fu-page{--fu-bg: #10131d;--fu-panel: #191e2b;--fu-panel-soft: #1d2332;--fu-border: rgba(164, 177, 205, .13);--fu-muted: #8995ad;--fu-text: #edf1fa;--fu-purple: #8b6cf6;--fu-purple-light: #ad98ff;--fu-red: #ff657c;--fu-amber: #f7b955;--fu-green: #43d6a0;background:var(--fu-bg)!important;color:var(--fu-text);min-height:100vh;overflow-x:hidden}.fu-shell{width:100%;max-width:1800px;margin:0 auto;padding:25px 28px 30px}.fu-hero{position:relative;overflow:hidden;border:1px solid rgba(158,139,255,.23);border-radius:22px;background:radial-gradient(ellipse at 80% 10%,rgba(130,91,255,.24),transparent 40%),linear-gradient(120deg,#20213a,#1b2032 48%,#20233b);box-shadow:0 18px 55px #0000002e;animation:fuFadeUp .55s ease both}.fu-hero-content{position:relative;z-index:2;padding:27px 30px 23px}.fu-hero-glow{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(65px);pointer-events:none}.fu-glow-one{top:-170px;right:12%;background:#8562ff47}.fu-glow-two{bottom:-190px;right:35%;background:#2da0dc21}.fu-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:19px;color:#a9a4d4;font-size:10px;font-weight:800;letter-spacing:1.7px}.fu-breadcrumb i{font-size:9px;opacity:.5}.fu-hero-main,.fu-title-line,.fu-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.fu-title-line{justify-content:flex-start;gap:16px}.fu-title-icon{display:grid;place-items:center;width:57px;height:57px;flex:0 0 57px;border:1px solid rgba(185,166,255,.3);border-radius:17px;color:#c0afff;background:linear-gradient(145deg,#9976ff40,#644db421);box-shadow:inset 0 1px #ffffff1a,0 8px 25px #00000026;font-size:23px}.fu-title-line h1{margin:0;color:#fff;font-size:clamp(24px,2.3vw,34px);font-weight:780;letter-spacing:-.9px}.fu-title-line p{margin:7px 0 0;color:#aeb6cc;font-size:13px}.fu-live-indicator{display:inline-flex;align-items:center;gap:8px;margin:19px 0 0 73px;color:#aaa6d0;font-size:9px;font-weight:800;letter-spacing:1.3px}.fu-live-indicator span{width:7px;height:7px;border-radius:50%;background:#4bd6a0;box-shadow:0 0 0 4px #4bd6a01f;animation:fuPulse 2s infinite}.fu-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:0 15px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.fu-btn:hover{transform:translateY(-2px)}.fu-btn-glass{border:1px solid rgba(206,210,255,.2);color:#e8e6ff;background:#ffffff0e}.fu-btn-glass:hover{border-color:#b7a3ff8c;background:#ffffff1a}.fu-btn-primary{border:1px solid #8c70f5;color:#fff;background:linear-gradient(120deg,#8063eb,#9b6ce9);box-shadow:0 7px 20px #7b5ce63b}.fu-btn-primary:hover{color:#fff;box-shadow:0 10px 26px #7b5ce659}.fu-hero-bottom{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:22px;padding:13px 30px;border-top:1px solid rgba(255,255,255,.08);background:#05081424}.fu-hero-bottom div{display:flex;align-items:center;gap:8px;color:#b6bfd3;font-size:11px}.fu-hero-bottom i{color:#b19aff}.fu-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:19px 0}.fu-kpi{position:relative;overflow:hidden;min-width:0;padding:19px 20px 16px;border:1px solid var(--fu-border);border-radius:16px;background:linear-gradient(145deg,#1c2231,#171c29);box-shadow:0 8px 24px #0000001f;animation:fuFadeUp .55s both;animation-delay:calc(var(--card-index, 0) * 70ms);transition:transform .25s ease,border-color .25s ease}.fu-kpi:nth-child(1){--card-index: 1}.fu-kpi:nth-child(2){--card-index: 2}.fu-kpi:nth-child(3){--card-index: 3}.fu-kpi:nth-child(4){--card-index: 4}.fu-kpi:hover{transform:translateY(-4px);border-color:#a391ff59}.fu-kpi:after{content:"";position:absolute;right:-30px;bottom:-65px;width:145px;height:145px;border-radius:50%;background:var(--fu-kpi-glow, rgba(140, 110, 255, .12));filter:blur(30px);pointer-events:none}.fu-kpi-total{--fu-kpi-glow: rgba(137, 106, 255, .2);--fu-kpi-color: #a992ff}.fu-kpi-overdue{--fu-kpi-glow: rgba(255, 86, 115, .16);--fu-kpi-color: #ff7186}.fu-kpi-today{--fu-kpi-glow: rgba(246, 185, 85, .15);--fu-kpi-color: #f5bd65}.fu-kpi-upcoming{--fu-kpi-glow: rgba(67, 214, 160, .15);--fu-kpi-color: #55d9a8}.fu-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.fu-kpi-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid color-mix(in srgb,var(--fu-kpi-color),transparent 75%);border-radius:11px;color:var(--fu-kpi-color);background:color-mix(in srgb,var(--fu-kpi-color),transparent 91%);font-size:16px}.fu-kpi-caption{color:#78859f;font-size:9px;font-weight:800;letter-spacing:1px;text-align:right}.fu-kpi-number{margin-top:13px;color:#f4f5fc;font-size:33px;font-weight:800;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}.fu-kpi-label{margin-top:7px;color:#c2cadb;font-size:12px;font-weight:650}.fu-kpi-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding-top:11px;border-top:1px solid rgba(255,255,255,.065);color:#77849c;font-size:10px}.fu-kpi-bottom i{color:var(--fu-kpi-color)}.fu-panel{border:1px solid var(--fu-border);border-radius:17px;background:linear-gradient(145deg,#1b2130,#171c29);box-shadow:0 8px 25px #0000001a}.fu-filter-panel{margin-bottom:29px;padding:20px;animation:fuFadeUp .35s ease both}.fu-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.fu-heading-left{display:flex;align-items:center;gap:12px}.fu-heading-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#b8a4ff;background:#9070ff21;font-size:17px}.fu-panel-heading h2{margin:0;color:#eef0fa;font-size:15px;font-weight:750}.fu-panel-heading p{margin:4px 0 0;color:#8793aa;font-size:11px}.fu-reset{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(165,148,255,.22);border-radius:9px;color:#b9a8ff;background:#8c6eff12;font-size:11px;font-weight:700;transition:.2s ease}.fu-reset:hover{border-color:#a594ff8c;background:#8c6eff24}.fu-period-tabs{display:flex;gap:7px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto;scrollbar-width:thin}.fu-period-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#929db3;background:transparent;font-size:11px;font-weight:650;transition:.2s ease}.fu-period-tab:hover{color:#e5ddff;background:#ffffff0b}.fu-period-tab.active{border-color:#9b82ff59;color:#d2c6ff;background:#8769ff26;box-shadow:inset 0 0 15px #8769ff0a}.fu-tab-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;color:#ff9aaa;background:#ff5c7824;font-size:9px}.fu-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-top:17px}.fu-field{min-width:0}.fu-field label{display:block;margin-bottom:7px;color:#aeb8cb;font-size:10px;font-weight:750;letter-spacing:.35px}.fu-input-wrap{display:flex;align-items:center;gap:9px;min-width:0;height:42px;padding:0 11px;border:1px solid rgba(156,170,197,.16);border-radius:9px;background:#141a27;transition:border-color .2s,box-shadow .2s}.fu-input-wrap:focus-within{border-color:#9d84ffa6;box-shadow:0 0 0 3px #8b6cf61a}.fu-input-wrap>i{flex:0 0 auto;color:#9c86f3;font-size:13px}.fu-input-wrap input,.fu-input-wrap select{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;color:#e4e9f5;background:transparent;font-size:11px;box-shadow:none!important}.fu-input-wrap input::placeholder{color:#68758e}.fu-input-wrap select{color-scheme:dark;cursor:pointer}.fu-input-wrap select option{color:#e4e9f5;background:#1b2130}.fu-input-wrap input[type=date]{color-scheme:dark}.fu-clear-search{flex:0 0 auto;border:0;color:#8590a8;background:transparent}.fu-task-section{margin-top:27px}.fu-task-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.fu-section-eyebrow{margin-bottom:5px;color:#9a85f3;font-size:9px;font-weight:800;letter-spacing:1.5px}.fu-task-heading h2{display:flex;align-items:center;gap:10px;margin:0;color:#f0f2fa;font-size:21px;font-weight:780;letter-spacing:-.4px}.fu-task-heading p{margin:5px 0 0;color:#8995ab;font-size:11px}.fu-result-count{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border:1px solid rgba(157,132,255,.23);border-radius:8px;color:#c7baff;background:#8c6eff1f;font-size:11px}.fu-sort-label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--fu-border);border-radius:9px;color:#9ba7bc;background:#ffffff06;font-size:10px}.fu-sort-label i{color:#a992ff}.fu-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fu-task-card{--fu-status: #a992ff;position:relative;min-width:0;overflow:hidden;padding:17px 18px 14px;border:1px solid var(--fu-border);border-radius:15px;background:linear-gradient(145deg,#1d2433,#191f2d);box-shadow:0 7px 22px #0000001f;animation:fuCardIn .5s both;animation-delay:calc(min(var(--card-index),12)*35ms);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}.fu-task-card:hover{z-index:1;transform:translateY(-3px);border-color:#9d89ff57;box-shadow:0 13px 30px #0003}.fu-card-overdue{--fu-status: #ff7186}.fu-card-today{--fu-status: #f6bd64}.fu-card-upcoming{--fu-status: #52d6a4}.fu-card-accent{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--fu-status);opacity:.9}.fu-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fu-person{display:flex;align-items:center;gap:12px;min-width:0}.fu-avatar{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#fff;background:linear-gradient(145deg,#8867f1,#a15fd8);box-shadow:0 5px 15px #6e4ed238;font-size:12px;font-weight:800}.fu-avatar-academic{background:linear-gradient(145deg,#397fd5,#5c69c9)}.fu-avatar-service{background:linear-gradient(145deg,#9362e9,#b05cc6)}.fu-person-info{min-width:0}.fu-person-info h3{margin:0;overflow:hidden;color:#f0f2fa;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.fu-person-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:6px;color:#8e9ab1;font-size:10px}.fu-type-tag{display:inline-flex;align-items:center;gap:5px;font-weight:700}.fu-type-tag.academic{color:#84b9ff}.fu-type-tag.service{color:#c2a1ff}.fu-meta-dot{width:3px;height:3px;border-radius:50%;background:#65718a}.fu-status-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 9px;border:1px solid transparent;border-radius:20px;font-size:9px;font-weight:800}.fu-status-pill>span{width:5px;height:5px;border-radius:50%;background:currentColor}.fu-status-pill.overdue{border-color:#ff71862e;color:#ff8b9d;background:#ff5c781a}.fu-status-pill.today{border-color:#f6bd6433;color:#f6c779;background:#f6bd641a}.fu-status-pill.upcoming{border-color:#52d6a42e;color:#6de0b4;background:#52d6a417}.fu-card-contact{display:flex;flex-direction:column;gap:8px;margin:17px 0;color:#9ba7bc;font-size:10px}.fu-card-contact>div,.fu-card-contact a{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;color:inherit;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.fu-card-contact a:hover{color:#c5b6ff}.fu-card-contact i{flex:0 0 13px;color:#a58cf7;font-size:12px}.fu-card-ownership{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}.fu-owner,.fu-due-date{min-width:0}.fu-owner>span,.fu-due-date>span{display:block;margin-bottom:6px;color:#78869f;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fu-owner strong{display:flex;align-items:center;gap:6px;overflow:hidden;color:#c5cede;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.fu-owner strong i{flex:0 0 auto;color:#a58cf7}.fu-due-date{text-align:right}.fu-due-date strong{display:block;color:var(--fu-status);font-size:11px;font-weight:800;white-space:nowrap}.fu-due-date small{display:block;margin-top:4px;color:#75829a;font-size:9px}.fu-card-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:9px 10px;border:1px solid rgba(157,132,255,.12);border-radius:8px;color:#aeb8ce;background:#8b6cf60e;font-size:10px;line-height:1.5}.fu-card-note i{flex:0 0 auto;color:#ac96ff}.fu-card-note span{overflow-wrap:anywhere}.fu-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:12px}.fu-card-tags{display:flex;flex-wrap:wrap;gap:6px}.fu-priority-tag,.fu-source-tag{display:inline-flex;align-items:center;gap:5px;max-width:170px;overflow:hidden;padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#aeb9ce;background:#ffffff0b;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.fu-priority-tag.hot{border-color:#ff667e2e;color:#ff8c9e;background:#ff667e14}.fu-priority-tag.warm{border-color:#f6bd6429;color:#f3c478;background:#f6bd6412}.fu-priority-tag.normal{color:#b8a6ff;background:#8b6cf614}.fu-details-btn{display:inline-flex;align-items:center;gap:9px;min-height:33px;padding:0 11px;border:1px solid rgba(157,132,255,.28);border-radius:8px;color:#c8baff;background:#8b6cf617;font-size:10px;font-weight:750;transition:.2s ease}.fu-details-btn:hover{transform:translateY(-1px);border-color:#ae99ffa6;color:#fff;background:#8b6cf633}.fu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;padding:35px 20px;border:1px dashed rgba(153,139,205,.24);border-radius:17px;background:#ffffff05;text-align:center;animation:fuFadeUp .35s ease both}.fu-empty-circle{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(157,132,255,.2);border-radius:23px;color:#b4a0ff;background:#8b6cf61a;font-size:28px;animation:fuFloat 3s ease-in-out infinite}.fu-empty h3{margin:17px 0 6px;color:#e8ebf5;font-size:17px;font-weight:750}.fu-empty p{max-width:380px;margin:0 0 17px;color:#8793aa;font-size:11px;line-height:1.7}.fu-bottom-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#6f7c93;font-size:10px;text-align:center}.fu-bottom-note i{color:#55d6a3}.fu-modal-backdrop{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:#050810c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fuBackdrop .2s ease both}.fu-modal{display:flex;flex-direction:column;width:min(850px,100%);max-height:min(90vh,900px);overflow:hidden;border:1px solid rgba(165,147,255,.24);border-radius:19px;background:#171d2a;box-shadow:0 25px 90px #00000080;animation:fuModalIn .28s cubic-bezier(.2,.8,.2,1) both}.fu-modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse at 80% 0%,rgba(139,108,246,.17),transparent 45%),#1c2231}.fu-modal-person{display:flex;align-items:center;gap:13px;min-width:0}.fu-modal-person>div:last-child{min-width:0}.fu-modal-person span{color:#a58ef5;font-size:9px;font-weight:800;letter-spacing:1px}.fu-modal-person h2{margin:3px 0;overflow-wrap:anywhere;color:#f2f3fa;font-size:18px;font-weight:800}.fu-modal-person small{color:#929db2;font-size:10px}.fu-modal-close{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#b9c2d3;background:#ffffff0d;transition:.2s ease}.fu-modal-close:hover{color:#fff;background:#ff647d2e}.fu-modal-content{padding:21px 23px;overflow-y:auto;scrollbar-color:#514574 #171d2a;scrollbar-width:thin}.fu-modal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.fu-modal-summary>div{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff09}.fu-modal-summary span,.fu-modal-info-grid span,.fu-note-block>span{display:block;margin-bottom:6px;color:#7f8ba3;font-size:9px;font-weight:750;letter-spacing:.6px;text-transform:uppercase}.fu-modal-summary strong{display:block;overflow-wrap:anywhere;color:#dce2f0;font-size:11px}.fu-modal-section{margin-top:22px}.fu-modal-section h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.075);color:#e5e9f4;font-size:12px;font-weight:800}.fu-modal-section h3>i{color:#a68cf8;font-size:14px}.fu-modal-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fu-modal-info-grid>div{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#ffffff06}.fu-modal-info-grid strong{display:block;overflow-wrap:anywhere;color:#cbd4e4;font-size:11px;font-weight:650}.fu-note-block{margin-bottom:9px;padding:12px;border:1px solid rgba(157,132,255,.13);border-radius:9px;background:#8b6cf60d}.fu-note-block p{margin:0;color:#bdc7d9;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.fu-timeline{position:relative;padding-left:20px}.fu-timeline:before{content:"";position:absolute;top:10px;bottom:12px;left:7px;width:1px;background:linear-gradient(#9a7af5,#9a7af514)}.fu-timeline-item{position:relative;display:flex;gap:12px;padding-bottom:18px}.fu-timeline-marker{position:absolute;top:0;left:-20px;display:grid;place-items:center;width:16px;height:16px;border:1px solid rgba(171,149,255,.4);border-radius:50%;color:#c4b3ff;background:#27213d;font-size:8px}.fu-timeline-body{min-width:0;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff06}.fu-timeline-top{display:flex;justify-content:space-between;gap:10px}.fu-timeline-top strong{color:#e1e5f1;font-size:11px}.fu-timeline-top time{color:#8490a7;font-size:9px;text-align:right}.fu-status-change{display:flex;align-items:center;gap:8px;margin-top:8px;color:#aeb9cd;font-size:10px}.fu-status-change i{color:#9f88f4}.fu-timeline-body p{margin:8px 0;color:#aeb9ca;font-size:10px;line-height:1.6;white-space:pre-wrap}.fu-timeline-body small{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#7f8ba2;font-size:9px}.fu-timeline-body small i{color:#a38cf5}.fu-timeline-count{display:grid;place-items:center;min-width:19px;height:19px;border-radius:6px;color:#c7b8ff;background:#8b6cf621;font-size:9px}.fu-no-history{display:flex;align-items:center;gap:9px;padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:9px;color:#8995aa;font-size:11px}.fu-modal-footer{display:flex;justify-content:flex-end;padding:13px 23px;border-top:1px solid rgba(255,255,255,.08);background:#1b2130}@keyframes fuFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fuCardIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fuPulse{0%,to{box-shadow:0 0 0 4px #4bd6a01f}50%{box-shadow:0 0 0 7px #4bd6a006}}@keyframes fuFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fuBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fuModalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1600px){.fu-shell{padding-right:36px;padding-left:36px}.fu-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fu-task-card{padding:20px 21px 16px}}@media(max-width:1199px){.fu-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fu-kpis{gap:11px}.fu-kpi{padding:16px}}@media(max-width:767px){.fu-shell{padding:14px 12px 24px}.fu-hero{border-radius:16px}.fu-hero-content{padding:19px 16px 17px}.fu-breadcrumb{margin-bottom:14px;font-size:8px}.fu-hero-main{align-items:flex-start;flex-direction:column;gap:17px}.fu-title-line{gap:11px}.fu-title-icon{width:45px;height:45px;flex-basis:45px;border-radius:13px;font-size:19px}.fu-title-line h1{font-size:23px}.fu-title-line p{max-width:310px;font-size:11px;line-height:1.5}.fu-live-indicator{margin:14px 0 0 56px}.fu-hero-actions{width:100%}.fu-hero-actions .fu-btn{flex:1}.fu-hero-bottom{gap:10px 17px;padding:11px 16px}.fu-hero-bottom div{font-size:9px}.fu-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.fu-kpi{padding:13px;border-radius:13px}.fu-kpi-icon{width:31px;height:31px;font-size:14px}.fu-kpi-caption{font-size:7px;letter-spacing:.5px}.fu-kpi-number{margin-top:11px;font-size:27px}.fu-kpi-label{font-size:10px}.fu-kpi-bottom{margin-top:12px;padding-top:9px;font-size:8px}.fu-filter-panel{padding:14px;margin-bottom:23px;border-radius:14px}.fu-panel-heading{align-items:flex-start}.fu-panel-heading h2{font-size:13px}.fu-panel-heading p{max-width:210px;line-height:1.5}.fu-reset{padding:7px 8px;font-size:9px;white-space:nowrap}.fu-period-tabs{margin-right:-14px;padding-right:14px}.fu-period-tab{min-height:34px;padding:0 10px;font-size:10px}.fu-filter-grid{grid-template-columns:1fr;gap:12px}.fu-input-wrap{height:43px}.fu-task-section{margin-top:23px}.fu-task-heading{align-items:flex-start}.fu-task-heading h2{font-size:18px}.fu-sort-label{padding:7px;font-size:8px;white-space:nowrap}.fu-task-grid{grid-template-columns:1fr;gap:11px}.fu-task-card{padding:14px 13px 12px;border-radius:13px}.fu-avatar{width:39px;height:39px;flex-basis:39px;border-radius:11px}.fu-person-info h3{font-size:12px}.fu-status-pill{padding:5px 7px;font-size:8px}.fu-card-ownership{grid-template-columns:1fr 1fr;gap:11px}.fu-due-date{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06);text-align:left}.fu-due-date>span,.fu-due-date strong,.fu-due-date small{margin:0}.fu-due-date small{display:none}.fu-owner strong{font-size:9px}.fu-bottom-note{align-items:flex-start;font-size:9px;line-height:1.5}.fu-modal-backdrop{align-items:flex-end;padding:0}.fu-modal{width:100%;max-height:94dvh;border-radius:18px 18px 0 0;border-bottom:0}.fu-modal-header,.fu-modal-content{padding:15px}.fu-modal-footer{padding:11px 15px}}@media(max-width:380px){.fu-shell{padding-right:9px;padding-left:9px}.fu-kpi{padding:11px}.fu-kpi-caption{font-size:6px}.fu-card-footer{align-items:stretch}.fu-details-btn{justify-content:center;width:100%}.fu-modal-summary,.fu-modal-info-grid{grid-template-columns:1fr}.fu-timeline-top{flex-direction:column;gap:4px}.fu-timeline-top time{text-align:left}}@media(prefers-reduced-motion:reduce){.fu-page *,.fu-page *:before,.fu-page *:after,.fu-modal-backdrop *,.fu-modal-backdrop *:before,.fu-modal-backdrop *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.fu-update-modal .fu-update-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fu-update-modal .fu-update-form-grid .fu-field{min-width:0}.fu-update-modal .fu-update-form-grid .fu-field>label{display:block;margin-bottom:8px;color:#d8d8e6;font-size:12px;font-weight:700}.fu-update-modal .fu-update-form-grid .fu-input-wrap{position:relative;display:block;width:100%;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.fu-update-modal .fu-update-form-grid .fu-input-wrap input,.fu-update-modal .fu-update-form-grid .fu-input-wrap select{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0 13px;border:1px solid #383d50;border-radius:10px;outline:none;background:#121725;color:#f0efff;font-size:13px;box-shadow:none;box-sizing:border-box;color-scheme:dark}.fu-update-modal .fu-update-form-grid .fu-input-wrap>i{display:none!important}.fu-update-modal .fu-update-form-grid .fu-input-wrap input:focus,.fu-update-modal .fu-update-form-grid .fu-input-wrap select:focus{border-color:#8b6cf6;outline:none;box-shadow:0 0 0 3px #8b6cf621}.fu-update-modal .fu-followup-date-field{grid-column:1 / -1;padding:15px;border:1px solid rgba(139,108,246,.3);border-radius:12px;background:#8b6cf612}.fu-update-modal .fu-field-help{display:block;margin-top:7px;color:#9298ad;font-size:11px}.fu-update-modal .fu-update-notes-field{grid-column:1 / -1}.fu-update-modal .fu-update-form-grid textarea{display:block;width:100%;min-height:110px;margin:0;padding:12px 13px;border:1px solid #383d50;border-radius:10px;outline:none;background:#121725;color:#f0efff;font-size:13px;box-sizing:border-box;resize:vertical}.fu-update-modal .fu-update-form-grid textarea:focus{border-color:#8b6cf6;box-shadow:0 0 0 3px #8b6cf621}.fu-update-modal .fu-required{margin-left:4px;color:#ff657c}.fu-update-modal .fu-optional{margin-left:7px;color:#85899b;font-size:10px;font-weight:500}.fu-update-modal .fu-update-error{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px;padding:12px 14px;border:1px solid rgba(255,101,124,.3);border-radius:10px;background:#ff657c17;color:#ff8c9d;font-size:12px;line-height:1.5}.fu-update-modal .fu-save-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fuSaveSpin .7s linear infinite}@keyframes fuSaveSpin{to{transform:rotate(360deg)}}@media(max-width:575px){.fu-update-modal .fu-update-form-grid{grid-template-columns:1fr}.fu-update-modal .fu-followup-date-field,.fu-update-modal .fu-update-notes-field{grid-column:auto}}.fu-update-btn{display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:7px 15px;border:1px solid rgba(153,112,255,.38);border-radius:12px;color:#fff;background:linear-gradient(135deg,#34205f,#211b3d);box-shadow:0 5px 16px #0003;cursor:pointer;text-align:left;transition:all .22s ease}.fu-update-btn:hover{background:linear-gradient(135deg,#56339a,#302054);border-color:#a987ff;box-shadow:0 7px 20px #7049cc47;transform:translateY(-2px)}.fu-update-btn-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#b18fff29;color:#c7adff;font-size:16px}.fu-update-btn-content{display:flex;flex-direction:column;gap:2px}.fu-update-btn-content strong{font-size:12px;font-weight:700;letter-spacing:.2px}.fu-update-btn-content small{color:#b8aecf;font-size:10px}.fu-update-btn-arrow{margin-left:5px;color:#c7adff;font-size:13px;transition:transform .2s ease}.fu-update-btn:hover .fu-update-btn-arrow{transform:translate(3px)}.fu-status-pill.won{color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.fu-status-pill.won span{background:#34d399}.wfh-page{--wfh-bg: #090d16;--wfh-panel: #151c2b;--wfh-border: rgba(148, 163, 184, .13);--wfh-text: #edf2ff;--wfh-muted: #8995aa;min-height:100vh;color:var(--wfh-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wfh-page,.wfh-page *{box-sizing:border-box}.wfh-workspace{min-height:100vh;padding:25px;overflow-x:hidden}.wfh-hero{position:relative;overflow:hidden;padding:26px 28px;margin-bottom:21px;border:1px solid rgba(139,92,246,.18);border-radius:21px;background:radial-gradient(circle at 90% 0,rgba(139,92,246,.19),transparent 35%),linear-gradient(135deg,#3c257045,#151b2bfa 58%,#151a29)}.wfh-hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.wfh-hero-leading{display:flex;align-items:center;gap:15px}.wfh-hero-icon{display:flex;align-items:center;justify-content:center;width:57px;height:57px;flex-shrink:0;border:1px solid rgba(167,139,250,.25);border-radius:16px;background:#8b5cf621;color:#b69aff;font-size:25px}.wfh-title{margin:0;color:#f5f4ff;font-size:1.55rem;font-weight:780;letter-spacing:-.5px}.wfh-subtitle{margin:7px 0 0;color:#9aa7bd;font-size:.78rem;line-height:1.6}.wfh-hero-meta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 10px;border:1px solid rgba(148,163,184,.13);border-radius:9px;background:#03071240;color:#c0b2ed;font-size:.68rem}.wfh-hero-meta i{color:#b69aff}.wfh-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 17px;border:1px solid rgba(167,139,250,.32);border-radius:11px;background:linear-gradient(135deg,#7950d9,#5732ae);color:#fff;font-size:.75rem;font-weight:750;cursor:pointer;transition:.2s}.wfh-create-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#9069eb,#6842c2);color:#fff}.wfh-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:21px}.wfh-stat{min-width:0;padding:17px;border:1px solid var(--wfh-border);border-radius:16px;background:linear-gradient(145deg,#1a2233,#121a29)}.wfh-stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.wfh-stat-label{color:#a7b3c7;font-size:.65rem;font-weight:750;letter-spacing:.45px;text-transform:uppercase}.wfh-stat-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:var(--stat-bg);color:var(--stat-color);font-size:17px}.wfh-stat-number{margin-top:12px;color:#f3f5ff;font-size:1.8rem;font-weight:780;line-height:1}.wfh-stat.blue{--stat-bg: rgba(59, 130, 246, .13);--stat-color: #82adff}.wfh-stat.purple{--stat-bg: rgba(139, 92, 246, .14);--stat-color: #b99aff}.wfh-stat.green{--stat-bg: rgba(16, 185, 129, .13);--stat-color: #62ddb0}.wfh-stat.red{--stat-bg: rgba(239, 68, 68, .13);--stat-color: #ff929b}.wfh-stat.cyan{--stat-bg: rgba(6, 182, 212, .13);--stat-color: #6bd8e8}.wfh-panel{margin-bottom:19px;overflow:hidden;border:1px solid var(--wfh-border);border-radius:17px;background:#141b29f7;box-shadow:0 12px 35px #00000017}.wfh-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.09)}.wfh-section-title{display:flex;align-items:center;gap:9px;color:#edf0ff;font-size:.88rem;font-weight:730}.wfh-section-title i{color:#b49aff}.wfh-section-subtitle{margin-top:5px;color:#8491a8;font-size:.69rem}.wfh-filter-body{padding:18px 20px}.wfh-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(5,minmax(125px,1fr)) auto auto;gap:11px;align-items:end}.wfh-field{min-width:0}.wfh-field label{display:block;margin-bottom:7px;color:#aeb9cc;font-size:.69rem;font-weight:650}.wfh-page input,.wfh-page select,.wfh-page textarea{width:100%;min-width:0;min-height:41px;padding:9px 11px;border:1px solid rgba(148,163,184,.17);border-radius:9px;outline:none;background:#101725;color:#e8edf8;font-family:inherit;font-size:.74rem;transition:border-color .2s,box-shadow .2s}.wfh-page input:focus,.wfh-page select:focus,.wfh-page textarea:focus{border-color:#8b5cf6bf;box-shadow:0 0 0 3px #8b5cf61c}.wfh-page input::placeholder,.wfh-page textarea::placeholder{color:#68768d}.wfh-page input[type=date],.wfh-page input[type=month]{color-scheme:dark}.wfh-page select option{background:#111827;color:#e8edf8}.wfh-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid transparent;border-radius:9px;font-family:inherit;font-size:.68rem;font-weight:720;line-height:1.3;white-space:nowrap;cursor:pointer;transition:.2s}.wfh-btn:hover:not(:disabled){transform:translateY(-1px)}.wfh-btn:disabled{opacity:.48;cursor:not-allowed}.wfh-primary{border-color:#8b5cf64d;background:#6942c4;color:#fff}.wfh-primary:hover:not(:disabled){background:#8058dc;color:#fff}.wfh-neutral{border-color:#94a3b82b;background:#94a3b812;color:#c4cede}.wfh-neutral:hover:not(:disabled){background:#94a3b824;color:#fff}.wfh-green{border-color:#34d39933;background:#10b9811a;color:#71e3b5}.wfh-red{border-color:#f8717133;background:#ef44441a;color:#ff959d}.wfh-blue{border-color:#60a5fa33;background:#3b82f61a;color:#8db9ff}.wfh-table-wrap{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#35435b #111827}.wfh-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0}.wfh-table th{padding:14px 15px;border-bottom:1px solid rgba(148,163,184,.12);background:#ffffff06;color:#8997ad;font-size:.62rem;font-weight:750;letter-spacing:.55px;text-align:left;text-transform:uppercase;white-space:nowrap}.wfh-table td{padding:14px 15px;border-bottom:1px solid rgba(148,163,184,.075);color:#dce4f3;font-size:.73rem;vertical-align:middle}.wfh-table tbody tr:hover td{background:#8b5cf609}.wfh-table tbody tr:last-child td{border-bottom:0}.wfh-employee{display:flex;align-items:center;gap:10px;min-width:190px}.wfh-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid rgba(167,139,250,.2);border-radius:11px;background:linear-gradient(135deg,#8b5cf62e,#4385ff1a);color:#c1aaff;font-size:.72rem;font-weight:800}.wfh-person{color:#eef1ff;font-size:.74rem;font-weight:720}.wfh-muted{margin-top:4px;color:#8491a8;font-size:.65rem}.wfh-request-id{margin-top:4px;color:#74839d;font-size:.62rem}.wfh-date{display:inline-flex;align-items:center;gap:7px;color:#cbd6e8;font-weight:620;white-space:nowrap}.wfh-date i{color:#b49aff}.wfh-reason{max-width:220px;color:#b8c3d6;line-height:1.6;overflow-wrap:anywhere}.wfh-ip{max-width:190px;color:#aebbd0;line-height:1.55;overflow-wrap:anywhere}.wfh-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid transparent;border-radius:20px;font-size:.63rem;font-weight:730;white-space:nowrap}.wfh-badge:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.wfh-badge.approved{border-color:#34d39929;background:#10b98117;color:#68dfad}.wfh-badge.rejected{border-color:#f8717129;background:#ef444417;color:#ff929b}.wfh-badge.pending{border-color:#fbbf2429;background:#f59e0b16;color:#f5c76d}.wfh-badge.pending-hr{border-color:#a78bfa2e;background:#8b5cf617;color:#c1a8ff}.wfh-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:160px}.wfh-actions .wfh-btn{min-height:31px;padding:6px 8px;font-size:.62rem}.wfh-empty{padding:48px 20px!important;color:#8d9ab0!important;text-align:center}.wfh-empty i{display:block;margin-bottom:12px;color:#a88be9;font-size:30px}.wfh-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 20px;border-top:1px solid rgba(148,163,184,.09)}.wfh-pagination-info{color:#8996aa;font-size:.68rem}.wfh-pages{display:flex;flex-wrap:wrap;gap:5px}.wfh-page-link{min-width:32px;min-height:31px;padding:5px 8px;border:1px solid rgba(148,163,184,.15);border-radius:8px;background:#ffffff06;color:#bdc8da;font-size:.68rem;cursor:pointer}.wfh-page-link.active{border-color:#8058dc;background:#6942c4;color:#fff}.wfh-page-link:disabled{opacity:.35;cursor:not-allowed}.wfh-alert{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;margin-bottom:15px;border:1px solid transparent;border-radius:11px;font-size:.75rem;line-height:1.5}.wfh-alert.success{border-color:#34d39933;background:#10b98117;color:#8de7bd}.wfh-alert.error{border-color:#f8717133;background:#ef444417;color:#ff9ca5}.wfh-overlay{position:fixed;inset:0;z-index:2050;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:18px;background:#020610cc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.wfh-modal{width:100%;max-width:530px;max-height:calc(100vh - 36px);overflow-y:auto;padding:23px;border:1px solid rgba(167,139,250,.19);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.1),transparent 38%),#151c2b;box-shadow:0 25px 90px #00000080}.wfh-modal-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wfh-modal-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;border:1px solid rgba(167,139,250,.2);border-radius:12px;background:#8b5cf61f;color:#b99aff;font-size:20px}.wfh-modal h2{margin:0;color:#f3f2ff;font-size:1.05rem;font-weight:760}.wfh-modal-description{margin:5px 0 0;color:#8e9bb0;font-size:.7rem;line-height:1.55}.wfh-modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wfh-modal-fields .full{grid-column:1 / -1}.wfh-page textarea{min-height:100px;resize:vertical}.wfh-field-error{display:block;margin-top:5px;color:#ff929b;font-size:.65rem}.wfh-modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:21px}.wfh-decision-details{margin:17px 0;padding:14px;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:#ffffff06}.wfh-detail-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:.72rem}.wfh-detail-row+.wfh-detail-row{border-top:1px solid rgba(148,163,184,.08)}.wfh-detail-label{color:#8996aa}.wfh-detail-value{color:#e4eafa;font-weight:650;text-align:right;overflow-wrap:anywhere}.wfh-modal-header{display:flex;align-items:center;gap:13px;margin:-23px -23px 20px;padding:19px 23px;border-bottom:1px solid rgba(148,163,184,.12);background:#ffffff05}.wfh-modal-heading-content{flex:1;min-width:0}.wfh-modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:#ffffff09;color:#aebbd0;cursor:pointer}.wfh-modal-close:hover{background:#ef44441f;color:#ff929b}.wfh-modal-close:disabled{opacity:.45;cursor:not-allowed}.wfh-modal-section-label{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#c0aaff;font-size:.72rem;font-weight:750}.wfh-modal-section-label i{font-size:15px}.wfh-modal .wfh-field label{display:flex;align-items:center;gap:7px;color:#b8c4d8;font-size:.7rem;font-weight:700}.wfh-modal .wfh-field label i{color:#ae91f2}.wfh-required{color:#ff8f9b;font-weight:800}.wfh-field-hint{display:block;margin-top:6px;color:#77869d;font-size:.62rem;line-height:1.5}.wfh-modal-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 23px;border-top:1px solid rgba(148,163,184,.12);background:#ffffff05}.wfh-modal-footer-note{color:#8491a8;font-size:.65rem}.wfh-modal-footer-note i{color:#a98aef}.wfh-modal-footer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.wfh-decision-modal{max-width:570px}.wfh-modal-header-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.wfh-modal-header-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border:1px solid transparent;border-radius:13px;font-size:21px}.wfh-modal-header-icon.approve{border-color:#34d39933;background:#10b9811a;color:#68dfad}.wfh-modal-header-icon.reject{border-color:#f8717133;background:#ef44441a;color:#ff929b}.wfh-modal-title-content{flex:1;min-width:0}.wfh-modal-eyebrow{display:block;margin-bottom:4px;color:#ad92ee;font-size:.59rem;font-weight:800;letter-spacing:1px}.wfh-modal-title-content p{margin:5px 0 0;color:#8996aa;font-size:.66rem;line-height:1.5}.wfh-decision-notice{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid transparent;border-radius:11px;margin-bottom:16px}.wfh-decision-notice>i{margin-top:2px;font-size:17px}.wfh-decision-notice.approve{border-color:#34d3992b;background:#10b98113;color:#68dfad}.wfh-decision-notice.reject{border-color:#f871712b;background:#ef444413;color:#ff929b}.wfh-decision-notice strong{display:block;font-size:.73rem}.wfh-decision-notice span{display:block;margin-top:4px;color:#9aa7ba;font-size:.64rem;line-height:1.5}.wfh-decision-employee{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:#ffffff06}.wfh-decision-avatar{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex-shrink:0;border:1px solid rgba(167,139,250,.2);border-radius:12px;background:#8b5cf621;color:#c1aaff;font-size:.75rem;font-weight:800}.wfh-decision-employee-info{flex:1;min-width:0}.wfh-decision-employee-info>span,.wfh-decision-request-id>span{display:block;color:#7f8da4;font-size:.57rem;font-weight:800;letter-spacing:.7px}.wfh-decision-employee-info strong{display:block;margin-top:4px;color:#edf1ff;font-size:.78rem}.wfh-decision-employee-info small{display:block;margin-top:3px;color:#8996aa;font-size:.63rem}.wfh-decision-request-id{text-align:right}.wfh-decision-request-id strong{display:block;margin-top:5px;color:#c1aaff;font-size:.8rem}.wfh-decision-section{margin-top:17px}.wfh-decision-section-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#dce4f3;font-size:.71rem;font-weight:750}.wfh-decision-section-heading i{color:#b49aff;font-size:15px}.wfh-decision-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0;border:0;background:transparent}.wfh-decision-detail-card{min-width:0;padding:11px;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:#ffffff06}.wfh-decision-detail-card>span{display:block;color:#8592a7;font-size:.59rem}.wfh-decision-detail-card>span i{margin-right:5px;color:#a98aef}.wfh-decision-detail-card>strong{display:block;margin-top:8px;color:#e7ecf8;font-size:.68rem}.wfh-status-badge{display:inline-flex;align-items:center;gap:5px}.wfh-decision-reason{padding:13px;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:#ffffff06;color:#bac6d9;font-size:.7rem;line-height:1.7;overflow-wrap:anywhere}.wfh-decision-error{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;margin-top:15px;border:1px solid rgba(248,113,113,.2);border-radius:9px;background:#ef444414;color:#ff9ca5;font-size:.68rem;line-height:1.5}.wfh-decision-footer{margin:20px -23px -23px;border-radius:0 0 19px 19px}@media(max-width:1400px){.wfh-summary,.wfh-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.wfh-workspace{padding:17px}.wfh-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wfh-workspace{padding:12px}.wfh-hero{padding:18px;border-radius:16px}.wfh-hero-icon{width:46px;height:46px;font-size:21px}.wfh-title{font-size:1.2rem}.wfh-subtitle{font-size:.71rem}.wfh-summary{gap:9px}.wfh-stat{padding:12px;border-radius:13px}.wfh-stat-number{font-size:1.5rem}.wfh-stat-label{font-size:.57rem}.wfh-stat-icon{width:31px;height:31px;font-size:14px}.wfh-filter-body{padding:14px}.wfh-filters{grid-template-columns:1fr;gap:12px}.wfh-filters .wfh-btn{width:100%}.wfh-panel-heading{padding:15px 13px}.wfh-pagination{padding:13px}.wfh-pagination-info{width:100%}.wfh-modal{padding:18px;border-radius:16px}.wfh-modal-fields{grid-template-columns:1fr}.wfh-modal-fields .full{grid-column:auto}.wfh-modal-header{margin:-18px -18px 18px;padding:16px 18px}.wfh-modal-footer{margin-left:-18px!important;margin-right:-18px!important;margin-bottom:-18px!important;padding:14px 18px}.wfh-modal-footer,.wfh-decision-footer{align-items:stretch;flex-direction:column}.wfh-modal-footer-note{text-align:center}.wfh-modal-footer-actions{display:grid;grid-template-columns:1fr 1fr}.wfh-modal-footer-actions .wfh-btn{width:100%}.wfh-decision-details{grid-template-columns:1fr}.wfh-decision-employee{align-items:flex-start;flex-wrap:wrap}.wfh-decision-request-id{width:100%;padding-left:55px;text-align:left}}@media(prefers-reduced-motion:reduce){.wfh-page *{transition-duration:.01ms!important}}.wfh-month-picker{position:relative;width:100%}.wfh-month-picker input[type=month]{width:100%;min-height:42px;padding:10px 42px 10px 13px;border:1px solid rgba(148,163,184,.25);border-radius:9px;background:#171923;color:#fff;font-size:13px;outline:none;color-scheme:dark;cursor:pointer}.wfh-month-picker input[type=month]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.wfh-month-picker input[type=month]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:10px;width:30px;height:30px;cursor:pointer}.wfh-month-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#a78bfa;pointer-events:none;font-size:17px}.wfh-custom-month-picker{position:relative;width:100%;z-index:20}.wfh-month-trigger{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:linear-gradient(145deg,#191b29,#11131e);color:#fff;text-align:left;cursor:pointer;transition:all .25s ease}.wfh-month-trigger:hover,.wfh-month-trigger.active{border-color:#8b5cf6bf;box-shadow:0 0 0 3px #8b5cf61a}.wfh-month-trigger-icon{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:17px}.wfh-month-trigger-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.wfh-month-trigger-text small{color:#9296aa;font-size:9px;font-weight:700;letter-spacing:1.2px}.wfh-month-trigger-text strong{color:#f4f2ff;font-size:13px;font-weight:600}.wfh-month-chevron{color:#a78bfa;font-size:13px;transition:transform .25s ease}.wfh-month-chevron.rotated{transform:rotate(180deg)}.wfh-month-clear{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;color:#c4b5fd;font-size:16px}.wfh-month-clear:hover{background:#ef444433;color:#fca5a5}.wfh-month-backdrop{position:fixed;inset:0;z-index:1000;background:transparent}.wfh-month-popup{position:absolute;top:calc(100% + 10px);left:0;width:300px;max-width:calc(100vw - 32px);padding:17px;border:1px solid rgba(167,139,250,.25);border-radius:17px;background:linear-gradient(145deg,#1b1d2c,#10121d);box-shadow:0 18px 50px #00000073,0 0 25px #7c3aed14;z-index:1001;animation:wfhMonthPopupIn .2s ease}@keyframes wfhMonthPopupIn{0%{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wfh-month-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.wfh-month-popup-header>div:first-child{display:flex;flex-direction:column;gap:3px}.wfh-month-popup-caption{color:#9296aa;font-size:9px;font-weight:700;letter-spacing:1.5px}.wfh-month-popup-header strong{color:#fff;font-size:25px;font-weight:800;letter-spacing:-.8px}.wfh-month-year-controls{display:flex;gap:7px}.wfh-month-year-controls button{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff0d;color:#c4b5fd;cursor:pointer;transition:all .2s ease}.wfh-month-year-controls button:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.wfh-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wfh-month-option{position:relative;min-height:48px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff09;color:#cbd0df;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.wfh-month-option:hover{border-color:#a78bfaa6;background:#7c3aed2b;color:#fff;transform:translateY(-2px)}.wfh-month-option.selected{border-color:transparent;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 5px 15px #7c3aed47}.wfh-month-option.current:not(.selected){border-color:#a78bfaa6;color:#c4b5fd}.wfh-month-option>i{position:absolute;right:5px;top:2px;color:#a78bfa;font-size:19px}.wfh-month-popup-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.wfh-month-popup-footer button{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#a78bfa;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.wfh-month-popup-footer button:hover{background:#8b5cf621;color:#fff}@media(max-width:480px){.wfh-month-popup{width:min(300px,calc(100vw - 32px))}.wfh-month-option{min-height:44px}}.wfh-filter-body,.wfh-filters,.wfh-field,.wfh-custom-month-picker{overflow:visible!important}.wfh-custom-month-picker{position:relative;z-index:1000}.wfh-month-trigger{position:relative;z-index:1002}.wfh-month-backdrop{position:fixed;inset:0;z-index:10000}.wfh-month-popup{position:absolute;z-index:10001!important}.wfh-custom-month-picker:has(.wfh-month-popup){z-index:10002}.wfh-panel{overflow:visible!important}.wfh-table-wrap{position:relative;z-index:1}.eth-login-page{--eth-bg: #080b12;--eth-panel: #0e131e;--eth-panel-soft: #121a29;--eth-card: #141d2c;--eth-border: rgba(155, 173, 205, .13);--eth-border-strong: rgba(155, 173, 205, .22);--eth-text: #edf2fc;--eth-muted: #8794a9;--eth-purple: #8171ff;--eth-cyan: #42c9e8;--eth-green: #39d5a0;--eth-red: #f17b89;min-height:100vh;min-height:100dvh;width:100%;color:var(--eth-text);background:var(--eth-bg);color-scheme:dark;isolation:isolate;font-family:Inter,Segoe UI,sans-serif}.eth-login-page *,.eth-login-page *:before,.eth-login-page *:after{box-sizing:border-box}.eth-login-page button,.eth-login-page input,.eth-login-page select,.eth-login-page textarea{font:inherit}.eth-login-page button{-webkit-tap-highlight-color:transparent}.eth-login-page button:focus-visible,.eth-login-page input:focus-visible,.eth-login-page select:focus-visible,.eth-login-page textarea:focus-visible{outline:2px solid var(--eth-cyan);outline-offset:3px}.eth-shell{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(350px,34%) minmax(0,66%);overflow:hidden;background:var(--eth-bg)}.eth-auth-panel{position:relative;z-index:2;min-width:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--eth-panel);border-right:1px solid var(--eth-border)}.eth-auth-content{width:100%;max-width:450px;min-height:100vh;min-height:100dvh;margin-inline:auto;padding:30px 36px 18px;display:flex;flex-direction:column;justify-content:center}.eth-visual-panel{position:relative;min-width:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 75% 12%,rgba(111,91,255,.1),transparent 40%),radial-gradient(ellipse at 15% 90%,rgba(34,190,220,.07),transparent 38%),#090e18}.eth-logo-area{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:42px}.eth-logo-area>a{display:inline-flex;max-width:220px}.eth-main-logo{width:190px;max-height:68px;object-fit:contain;object-position:left center}.eth-secure-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:#b8adff;background:#8171ff17;border:1px solid rgba(129,113,255,.2);border-radius:6px;font-size:9px;font-weight:750;letter-spacing:1.1px}.eth-secure-badge i{font-size:14px}.eth-welcome{margin-bottom:28px}.eth-eyebrow{display:flex;align-items:center;gap:9px;color:#9eabc1;font-size:9px;font-weight:750;letter-spacing:1.5px}.eth-eyebrow>span,.eth-brand-overline>span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--eth-cyan);box-shadow:0 0 12px #42c9e8a6}.eth-welcome h1{margin:13px 0 9px;color:#f0f3fb;font-size:clamp(29px,3vw,37px);font-weight:760;letter-spacing:-1.5px;line-height:1.1}.eth-welcome p{margin:0;color:var(--eth-muted);font-size:12px;line-height:1.7}.eth-auth-form{width:100%}.eth-field{min-width:0;margin-bottom:20px}.eth-field>label{display:block;margin-bottom:9px;color:#a9b5c9;font-size:9px;font-weight:750;letter-spacing:1px}.eth-input-wrap{display:flex;align-items:center;width:100%;min-height:49px;padding:0 14px;gap:12px;border:1px solid var(--eth-border-strong);border-radius:9px;background:#0a101b;transition:border-color .2s,box-shadow .2s,background .2s}.eth-input-wrap:focus-within{border-color:#8171ffd9;background:#0d1523;box-shadow:0 0 0 3px #8171ff1a}.eth-input-wrap>i{flex:0 0 auto;color:#8493ad;font-size:17px}.eth-input-wrap input{width:100%;min-width:0;height:47px;padding:0;color:var(--eth-text);background:transparent;border:0;outline:0;box-shadow:none;font-size:12px}.eth-input-wrap input::placeholder{color:#65738a}.eth-input-wrap input:focus{color:var(--eth-text);background:transparent;border:0;outline:0;box-shadow:none}.eth-input-wrap input:disabled{opacity:.6}.eth-primary-button{width:100%;min-height:49px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;background:linear-gradient(105deg,#6659df,#8573ff);border:1px solid rgba(172,162,255,.3);border-radius:9px;font-size:12px;font-weight:750;box-shadow:0 8px 25px #6858e72e;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.eth-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #6858e747}.eth-primary-button:disabled{opacity:.65;cursor:not-allowed}.eth-primary-button>i{font-size:18px}.eth-button-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:eth-spin .7s linear infinite}.eth-or-divider{display:flex;align-items:center;gap:13px;margin:23px 0}.eth-or-divider span{flex:1;height:1px;background:var(--eth-border)}.eth-or-divider small{color:#728098;font-size:8px;font-weight:750;letter-spacing:1.2px}.eth-secondary-button,.eth-request-button{position:relative;width:100%;min-height:47px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#dce5f5;background:#121b2a;border:1px solid var(--eth-border-strong);border-radius:9px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.eth-secondary-button:hover,.eth-request-button:hover{color:#fff;background:#182438;border-color:#8171ff8c}.eth-secondary-button>i,.eth-request-button>i{color:#a99cff;font-size:17px}.eth-request-button{margin-top:10px;justify-content:flex-start}.eth-request-button .eth-end-icon{margin-left:auto;color:#7c8aa2;font-size:14px}.eth-security-note{display:flex;align-items:flex-start;gap:12px;margin-top:25px;padding:13px;border:1px solid var(--eth-border);border-radius:9px;background:#ffffff05}.eth-security-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;color:#9c8fff;background:#8171ff1f;border-radius:8px;font-size:17px}.eth-security-note strong{display:block;color:#dce4f2;font-size:10px}.eth-security-note p{margin:5px 0 0;color:#8290a6;font-size:9px;line-height:1.6}.eth-auth-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-top:28px;padding-top:16px;border-top:1px solid var(--eth-border);color:#65738a;font-size:8px;letter-spacing:.5px}.eth-error-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;padding:11px 13px;color:#ff9da7;background:#f17b8917;border:1px solid rgba(241,123,137,.22);border-radius:8px;font-size:11px;line-height:1.5}.eth-error-message i{flex-shrink:0;font-size:15px}.eth-brand-workspace{min-height:100vh;min-height:100dvh;width:100%;padding:35px clamp(25px,4vw,65px) 20px;display:flex;flex-direction:column;justify-content:space-between}.eth-brand-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.eth-brand-overline{display:flex;align-items:center;gap:9px;color:#9eabc0;font-size:9px;font-weight:750;letter-spacing:1.4px}.eth-brand-version{padding:7px 11px;color:#8998b0;background:#ffffff06;border:1px solid var(--eth-border);border-radius:5px;font-size:8px;letter-spacing:1px}.eth-brand-main{width:100%;max-width:750px;margin:35px auto}.eth-brand-emblem{width:72px;height:72px;margin-bottom:29px;display:grid;place-items:center;background:#111b2b;border:1px solid rgba(129,113,255,.25);border-radius:17px;box-shadow:0 12px 40px #00000040}.eth-brand-emblem img{width:76%;max-height:50px;object-fit:contain}.eth-brand-main h2{margin:0;color:#f0f3fc;font-size:clamp(30px,4vw,53px);font-weight:760;line-height:1.15;letter-spacing:-2px}.eth-brand-main h2 span{color:#9588ff}.eth-brand-main>p{max-width:510px;margin:18px 0 32px;color:#8795ab;font-size:12px;line-height:1.85}.eth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.eth-feature{min-width:0;padding:17px 15px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#131d2dbf;border:1px solid var(--eth-border);border-radius:10px;transition:transform .2s,border-color .2s}.eth-feature:hover{transform:translateY(-3px);border-color:#8171ff59}.eth-feature>i{color:#a295ff;font-size:21px}.eth-feature strong{color:#e1e8f5;font-size:10px}.eth-feature small{color:#7f8da4;font-size:9px;line-height:1.5}.eth-brand-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid var(--eth-border);color:#65738a;font-size:8px;letter-spacing:.7px}.eth-desktop-gps{width:100%;padding:17px 19px;background:#101927;border:1px solid var(--eth-border);border-radius:12px}.eth-desktop-gps-header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.eth-gps-icon{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;color:#a89bff;background:#8171ff1f;border:1px solid rgba(129,113,255,.16);border-radius:9px;font-size:18px}.eth-desktop-gps-header>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.eth-desktop-gps-header strong,.eth-gps-heading strong{color:#dce5f4;font-size:11px}.eth-desktop-gps-header small,.eth-gps-heading small{color:#78869e;font-size:9px}.eth-status-online,.eth-status-waiting{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:#67dfb2;font-size:8px;font-weight:750;letter-spacing:.7px;white-space:nowrap}.eth-status-waiting{color:#e9bd76}.eth-status-online>span{width:6px;height:6px;border-radius:50%;background:var(--eth-green);box-shadow:0 0 9px #39d5a099}.eth-desktop-gps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.eth-desktop-gps-grid>div{min-width:0;padding:11px;background:#0b121e;border:1px solid rgba(155,173,205,.08);border-radius:7px}.eth-desktop-gps-grid small,.eth-gps-grid small{display:block;margin-bottom:7px;color:#74839a;font-size:8px;font-weight:750;letter-spacing:.7px}.eth-desktop-gps-grid strong,.eth-gps-grid strong{display:block;overflow-wrap:anywhere;color:#dce5f5;font-size:10px;font-weight:650}.eth-desktop-gps-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:13px}.eth-desktop-gps-bottom>div{min-width:0;display:flex;align-items:flex-start;gap:8px;color:#9aa8bd;font-size:9px;line-height:1.6}.eth-desktop-gps-bottom>div i{flex:0 0 auto;color:#a294ff;font-size:14px}.eth-desktop-gps-bottom>small{display:flex;align-items:center;gap:7px;color:#8291a8;font-size:8px;text-align:right}.eth-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#dba957}.eth-status-dot.online{background:var(--eth-green);box-shadow:0 0 8px #39d5a080}.eth-mobile-gps{display:none}.eth-camera-workspace{width:100%;min-height:100vh;min-height:100dvh;padding:24px clamp(20px,3vw,46px) 18px;display:flex;flex-direction:column}.eth-camera-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.eth-camera-header h2{margin:9px 0 5px;color:#eef2fb;font-size:clamp(20px,2vw,27px);font-weight:750;letter-spacing:-.7px}.eth-camera-header p{margin:0;color:#7f8da4;font-size:10px}.eth-camera-live{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:#67dfb2;background:#39d5a012;border:1px solid rgba(57,213,160,.18);border-radius:6px;font-size:8px;font-weight:750;letter-spacing:.8px;white-space:nowrap}.eth-camera-live>span{width:7px;height:7px;border-radius:50%;background:var(--eth-green);box-shadow:0 0 10px #39d5a0a6;animation:eth-pulse 1.5s infinite}.eth-camera-live.camera-error{color:#ff9ba4;background:#f17b8914;border-color:#f17b8933}.eth-camera-live.camera-error>span{background:var(--eth-red);box-shadow:none}.eth-camera-stage{position:relative;width:100%;flex:1 1 auto;min-height:390px;max-height:calc(100dvh - 205px);overflow:hidden;isolation:isolate;background:#03070d;border:1px solid rgba(129,113,255,.22);border-radius:15px;box-shadow:0 20px 65px #00000059}.eth-webcam{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.eth-camera-vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,14,.58),transparent 24%),linear-gradient(0deg,rgba(3,7,14,.82),transparent 32%),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.2) 100%)}.eth-camera-topbar{position:absolute;z-index:3;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.eth-camera-topbar span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;color:#d6e0f0;background:#070c15a6;border:1px solid rgba(255,255,255,.11);border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.7px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.eth-camera-topbar i{color:#9c90ff;font-size:13px}.eth-face-guide{position:absolute;z-index:3;top:50%;left:50%;width:min(48%,390px);height:min(78%,540px);min-width:190px;min-height:230px;transform:translate(-50%,-50%);border:1px solid rgba(121,213,239,.42);border-radius:48% 48% 43% 43%;box-shadow:0 0 0 9999px #0000001f;pointer-events:none;transition:border-color .25s,box-shadow .25s}.eth-face-guide.face-detected{border-color:var(--eth-green);box-shadow:0 0 22px #39d5a038,0 0 0 9999px #0000001f}.eth-corner{position:absolute;width:25px;height:25px;border-color:#65d9ed;border-style:solid;border-width:0}.eth-corner.tl{top:-2px;left:-2px;border-top-width:3px;border-left-width:3px;border-top-left-radius:9px}.eth-corner.tr{top:-2px;right:-2px;border-top-width:3px;border-right-width:3px;border-top-right-radius:9px}.eth-corner.bl{bottom:-2px;left:-2px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:9px}.eth-corner.br{bottom:-2px;right:-2px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:9px}.eth-face-scan-line{position:absolute;top:8%;left:5%;width:90%;height:1px;opacity:.8;background:linear-gradient(90deg,transparent,#52d6f0,transparent);box-shadow:0 0 10px #52d6f0cc;animation:eth-scan 3.5s ease-in-out infinite alternate}.eth-camera-bottom{position:absolute;z-index:4;right:15px;bottom:22px;left:15px;text-align:center;pointer-events:none}.eth-face-status{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:10px 17px;color:#f0f3fb;background:#080d16d4;border:1px solid rgba(255,255,255,.12);border-radius:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eth-face-status i{color:var(--eth-green);font-size:17px}.eth-face-status .ti-alert-circle{color:#f0bc73}.eth-face-status strong{font-size:10px;font-weight:650}.eth-status-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--eth-cyan);border-radius:50%;animation:eth-spin .7s linear infinite}.eth-camera-bottom p{margin:10px 0 0;color:#bdc8d9;font-size:9px}.eth-camera-hint,.eth-camera-error{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 14px;border:1px solid var(--eth-border);border-radius:8px;color:#aab7cb;background:#111a28;font-size:10px;line-height:1.6}.eth-camera-hint i{color:#a395ff;font-size:17px}.eth-camera-error{color:#ffabb3;background:#f17b8912;border-color:#f17b8933}.eth-camera-error i{flex:0 0 auto}.eth-retry-button{justify-content:center;margin-top:12px}.eth-camera-footer{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:#66758d;font-size:8px;letter-spacing:.7px}.eth-camera-footer span{display:inline-flex;align-items:center;gap:6px}.eth-camera-footer i{color:#8e81ff;font-size:13px}.eth-verification-sidebar{width:100%;max-width:450px;min-height:100vh;min-height:100dvh;margin-inline:auto;padding:35px;display:flex;flex-direction:column;justify-content:center}.eth-sidebar-logo{margin-bottom:55px}.eth-sidebar-logo img{width:175px;max-height:60px;object-fit:contain;object-position:left}.eth-verification-symbol{width:62px;height:62px;margin-bottom:25px;display:grid;place-items:center;color:#a69aff;background:#8171ff1f;border:1px solid rgba(129,113,255,.2);border-radius:15px;font-size:29px}.eth-verification-sidebar h2{margin:13px 0 10px;color:#f0f3fb;font-size:25px;font-weight:750;letter-spacing:-.8px}.eth-verification-sidebar>p{color:#8997ad;font-size:11px;line-height:1.8}.eth-verification-steps{margin-top:30px;display:flex;flex-direction:column;gap:18px}.eth-verification-steps>div{display:flex;align-items:center;gap:13px}.eth-verification-steps>div>span{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;color:#a89cff;background:#8171ff1a;border:1px solid rgba(129,113,255,.2);border-radius:8px;font-size:10px;font-weight:750}.eth-verification-steps strong,.eth-verification-steps small{display:block}.eth-verification-steps strong{color:#dbe4f3;font-size:10px}.eth-verification-steps small{margin-top:4px;color:#78869d;font-size:9px}.eth-verification-location{display:flex;align-items:center;gap:12px;margin-top:38px;padding:13px;background:#111a28;border:1px solid var(--eth-border);border-radius:9px}.eth-verification-location>i{color:#a99bff;font-size:20px}.eth-verification-location small,.eth-verification-location strong{display:block}.eth-verification-location small{margin-bottom:4px;color:#76859d;font-size:8px;letter-spacing:.8px}.eth-verification-location strong{color:#dce5f5;font-size:10px}.eth-close-camera-button{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:30px;padding:10px 0;color:#9b8fff;background:transparent;border:0;font-size:10px;font-weight:700;cursor:pointer}.eth-modal-backdrop{position:fixed;z-index:20000;inset:0;background:#02050bd1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.eth-modal-layer{position:fixed;z-index:20001;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:18px}.eth-credential-layer{z-index:20003}.eth-modal-card{width:100%;max-width:680px;max-height:calc(100dvh - 36px);display:flex;flex-direction:column;overflow:hidden;color:var(--eth-text);background:#101827;border:1px solid rgba(155,173,205,.18);border-radius:14px;box-shadow:0 25px 90px #000000a6}.eth-request-modal{max-width:720px}.eth-credential-modal{max-width:650px}.eth-modal-header{flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:19px 22px;background:#121d2d;border-bottom:1px solid var(--eth-border)}.eth-modal-heading-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;color:#a89aff;background:#8171ff1f;border:1px solid rgba(129,113,255,.2);border-radius:9px;font-size:18px}.eth-modal-header>div:nth-child(2){min-width:0}.eth-modal-header h3{margin:0;color:#edf2fc;font-size:15px;font-weight:750}.eth-modal-header p{margin:5px 0 0;color:#8492a9;font-size:10px}.eth-modal-close{width:32px;height:32px;flex:0 0 32px;margin-left:auto;display:grid;place-items:center;color:#9aa8bd;background:#1a2638;border:1px solid var(--eth-border);border-radius:7px;cursor:pointer}.eth-modal-close:hover{color:#fff;background:#27354b}.eth-modal-form{min-height:0;display:flex;flex-direction:column;overflow:hidden}.eth-modal-body{min-height:0;padding:22px;overflow-y:auto;overscroll-behavior:contain}.eth-modal-body .eth-field:last-child{margin-bottom:0}.eth-modal-footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;background:#111b2a;border-top:1px solid var(--eth-border)}.eth-modal-secondary,.eth-modal-primary{min-height:39px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer}.eth-modal-secondary{color:#bdc9dc;background:#172235;border:1px solid var(--eth-border-strong)}.eth-modal-secondary:hover{background:#202d43}.eth-modal-primary{color:#fff;background:linear-gradient(105deg,#6659df,#8573ff);border:1px solid rgba(172,162,255,.25)}.eth-modal-primary:hover{filter:brightness(1.1)}.eth-modal-primary:disabled,.eth-modal-secondary:disabled{opacity:.6;cursor:not-allowed}.eth-modal-card .eth-input-wrap{min-height:44px}.eth-modal-card .eth-input-wrap input{height:42px}.eth-modal-card .eth-field{margin-bottom:18px}.eth-dark-input,.eth-dark-select,.eth-modal-card textarea,.eth-modal-card .react-datepicker-wrapper input{width:100%;min-height:43px;padding:10px 12px;color:#e8effb;background:#0a111d;border:1px solid var(--eth-border-strong);border-radius:8px;outline:0;box-shadow:none;font-size:11px}.eth-dark-input:focus,.eth-dark-select:focus,.eth-modal-card textarea:focus,.eth-modal-card .react-datepicker-wrapper input:focus{border-color:var(--eth-purple);box-shadow:0 0 0 3px #8171ff1a}.eth-modal-card textarea{resize:vertical}.eth-dark-input::placeholder,.eth-modal-card textarea::placeholder{color:#66758c}.eth-dark-select{color-scheme:dark}.eth-dark-select option{color:#e8effb;background:#101827}.eth-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.eth-two-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.eth-choice{min-width:0;min-height:75px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aebbd0;background:#111b2a;border:1px solid var(--eth-border-strong);border-radius:8px;font-size:10px;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.eth-choice i{color:#8d9bb3;font-size:20px}.eth-choice:hover{color:#fff;background:#19253a;border-color:#8171ff80}.eth-choice.active{color:#e9e5ff;background:#8171ff1f;border-color:#8171ffb3;box-shadow:inset 0 0 0 1px #8171ff1f}.eth-choice.active i{color:#aa9fff}.eth-inline-info,.eth-inline-success{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;color:#aab9d0;background:#4985d314;border:1px solid rgba(73,133,211,.17);border-radius:7px;font-size:10px;line-height:1.6}.eth-inline-info i,.eth-inline-success i{flex:0 0 auto;margin-top:1px;color:#91aaff}.eth-inline-success{color:#8de5c1;background:#39d5a012;border-color:#39d5a029}.eth-inline-success i{color:var(--eth-green)}.eth-field-hint{display:block;margin-top:8px;color:#7d8ba2;font-size:9px;line-height:1.6}.eth-field-error{display:block;margin-top:7px;color:#ff909c;font-size:10px}.eth-date-add{display:flex;gap:8px}.eth-date-add input{flex:1;min-width:0}.eth-date-add button{min-width:105px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#c8c0ff;background:#8171ff1c;border:1px solid rgba(129,113,255,.3);border-radius:8px;font-size:10px;font-weight:700}.eth-date-add button:disabled{opacity:.45;cursor:not-allowed}.eth-selected-items{margin-top:13px}.eth-selected-items>small{display:block;margin-bottom:9px;color:#8795ab;font-size:8px;font-weight:750;letter-spacing:.8px}.eth-selected-items>div,.eth-summary-chips{display:flex;flex-wrap:wrap;gap:7px}.eth-selected-chip,.eth-summary-chips span{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;color:#d4ceff;background:#8171ff1c;border:1px solid rgba(129,113,255,.2);border-radius:6px;font-size:9px}.eth-selected-chip button{display:grid;place-items:center;padding:0;color:#c0b8ff;background:transparent;border:0;cursor:pointer}.eth-selected-chip button:hover{color:#fff}.eth-modal-card .react-datepicker-wrapper{display:block;width:100%}.eth-modal-card .react-datepicker-wrapper input{min-height:43px}.eth-modal-card .react-datepicker-popper{z-index:21000!important}.eth-modal-card .react-datepicker{color:#eaf0fc;background:#101827;border:1px solid var(--eth-border-strong);border-radius:9px;overflow:hidden}.eth-modal-card .react-datepicker__header{background:#172337;border-bottom-color:var(--eth-border)}.eth-modal-card .react-datepicker__current-month,.eth-modal-card .react-datepicker__day-name,.eth-modal-card .react-datepicker__day,.eth-modal-card .react-datepicker__month-text{color:#dce5f5}.eth-modal-card .react-datepicker__day:hover,.eth-modal-card .react-datepicker__month-text:hover{color:#fff;background:#8171ff33}.eth-modal-card .react-datepicker__day--selected,.eth-modal-card .react-datepicker__month-text--selected{color:#fff;background:#7162e9}.eth-modal-card .react-datepicker__day--disabled{color:#58657b}.eth-request-summary{margin-bottom:20px;overflow:hidden;background:#0c1421;border:1px solid var(--eth-border);border-radius:9px}.eth-summary-heading{display:flex;align-items:center;gap:9px;padding:12px 14px;color:#c9c1ff;background:#141f31;border-bottom:1px solid var(--eth-border);font-size:9px;font-weight:750;letter-spacing:.8px}.eth-summary-heading i{font-size:16px}.eth-summary-grid{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eth-summary-grid>div{min-width:0}.eth-summary-grid>.eth-summary-full{grid-column:1 / -1}.eth-summary-grid small{display:block;margin-bottom:6px;color:#78869d;font-size:8px;font-weight:750;letter-spacing:.7px}.eth-summary-grid strong{display:block;color:#dce5f4;font-size:10px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}.eth-credential-info{margin:0 0 18px}.eth-loading-screen{position:fixed;z-index:30000;inset:0;display:grid;place-items:center;padding:20px;background:#03070ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eth-loading-card{width:100%;max-width:320px;padding:30px 25px;text-align:center;background:#101827;border:1px solid var(--eth-border-strong);border-radius:13px;box-shadow:0 20px 70px #00000080}.eth-loading-spinner{width:39px;height:39px;margin:0 auto 19px;border:3px solid rgba(129,113,255,.18);border-top-color:#9182ff;border-radius:50%;animation:eth-spin .7s linear infinite}.eth-loading-card h5{margin:0 0 8px;color:#eef2fc;font-size:14px;font-weight:750}.eth-loading-card p{margin:0;color:#8795ab;font-size:10px;line-height:1.7}@keyframes eth-spin{to{transform:rotate(360deg)}}@keyframes eth-pulse{0%,to{opacity:1;box-shadow:0 0 9px #39d5a099}50%{opacity:.45;box-shadow:0 0 3px #39d5a033}}@keyframes eth-scan{0%{top:8%}to{top:90%}}@media(max-width:1050px){.eth-shell{grid-template-columns:minmax(320px,40%) minmax(0,60%)}.eth-auth-content{padding-inline:25px}.eth-desktop-gps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eth-brand-workspace{padding-inline:27px}.eth-feature-grid{gap:8px}.eth-feature{padding:13px 10px}}@media(max-width:767.98px){.eth-shell{display:flex;flex-direction:column;min-height:100dvh;overflow:visible}.eth-auth-panel{width:100%;min-height:100dvh;border-right:0}.eth-auth-content{min-height:100dvh;padding:26px 22px 18px}.eth-logo-area{margin-bottom:35px}.eth-main-logo{width:165px}.eth-welcome h1{font-size:31px}.eth-visual-panel,.eth-camera-mode .eth-auth-panel{display:none}.eth-camera-mode .eth-visual-panel{display:block;width:100%;min-height:100dvh}.eth-camera-mode .eth-camera-workspace{min-height:100dvh;padding:17px 13px}.eth-camera-header{margin-bottom:13px}.eth-camera-header h2{font-size:20px}.eth-camera-header p{font-size:9px}.eth-camera-stage{flex:1 1 auto;min-height:390px;max-height:none;border-radius:11px}.eth-face-guide{width:min(65%,320px);height:70%}.eth-camera-topbar{top:10px;left:10px;right:10px}.eth-camera-topbar span{padding:7px;font-size:7px}.eth-camera-footer{font-size:7px}.eth-mobile-gps{display:block;margin-top:24px;padding:14px;background:#101927;border:1px solid var(--eth-border);border-radius:10px}.eth-gps-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.eth-gps-heading>i{color:#a99bff;font-size:19px}.eth-gps-heading>div{display:flex;flex-direction:column;gap:4px}.eth-gps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eth-gps-grid>div{min-width:0;padding:10px;background:#0a111d;border:1px solid var(--eth-border);border-radius:7px}.eth-gps-address{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#9eabc0;font-size:9px;line-height:1.6;overflow-wrap:anywhere}.eth-gps-address i{flex:0 0 auto;color:#a99bff}.eth-gps-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--eth-border);color:#8795ab;font-size:9px}.eth-auth-footer{margin-top:23px}.eth-modal-layer{align-items:flex-start;padding:9px}.eth-modal-card{max-height:calc(100dvh - 18px);border-radius:11px}.eth-modal-header{padding:14px}.eth-modal-body{padding:16px}.eth-modal-footer{padding:12px 14px}}@media(max-width:420px){.eth-auth-content{padding-inline:17px}.eth-choice-grid{gap:6px}.eth-choice{min-height:68px;padding:9px 5px;font-size:9px}.eth-choice i{font-size:18px}.eth-date-add{flex-direction:column}.eth-date-add button{min-height:40px}.eth-modal-footer{gap:7px}.eth-modal-secondary,.eth-modal-primary{flex:1;padding-inline:9px;font-size:9px}.eth-camera-header{align-items:flex-start}.eth-camera-live{padding:7px;font-size:7px}.eth-camera-stage{min-height:350px}.eth-face-status{padding:8px 12px}.eth-face-status strong{font-size:9px}}@media(prefers-reduced-motion:reduce){.eth-login-page *,.eth-login-page *:before,.eth-login-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ethqan-face-card{position:relative;overflow:hidden;border:1px solid rgba(130,110,255,.17);border-radius:18px;background:var(--bs-card-bg, #151923);box-shadow:0 12px 40px #00000021;animation:ethqanFaceCardIn .65s ease both}@keyframes ethqanFaceCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ethqan-face-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:22px 25px;border-bottom:1px solid rgba(140,140,180,.13);background:linear-gradient(110deg,#6950dc1f,#2d82dc0a)}.ethqan-face-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;color:#a99aff;font-size:25px;background:#7d5fff26;border:1px solid rgba(145,120,255,.25)}.ethqan-face-header h5{font-size:17px;font-weight:700;color:var(--bs-heading-color, #fff);letter-spacing:-.3px}.ethqan-face-header p{font-size:12px;color:var(--bs-secondary-color, #9299aa)}.ethqan-face-header-tag{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(125,100,255,.2);border-radius:30px;background:#7d64ff12;color:#a99aff;font-size:10px;font-weight:800;letter-spacing:1px}.ethqan-live-dot{width:7px;height:7px;background:#28cf91;border-radius:50%;box-shadow:0 0 10px #28cf91;animation:ethqanLivePulse 1.8s infinite}@keyframes ethqanLivePulse{50%{opacity:.4;box-shadow:0 0 2px #28cf91}}.ethqan-face-body{padding:25px}.ethqan-face-identity-panel{position:relative;height:100%;min-height:340px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border:1px solid rgba(130,110,255,.2);border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(115,88,255,.18),transparent 55%),linear-gradient(145deg,#191e30,#101522)}.ethqan-face-identity-panel:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(150,125,255,.08);border-radius:50%;pointer-events:none}.ethqan-face-orbit{width:145px;height:145px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.ethqan-face-orbit-ring{position:absolute;inset:0;border:2px dashed rgba(157,132,255,.65);border-radius:50%;animation:ethqanOrbitRotate 16s linear infinite}@keyframes ethqanOrbitRotate{to{transform:rotate(360deg)}}.ethqan-face-orbit-inner{width:112px;height:112px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(160,135,255,.3);border-radius:50%;color:#b7a5ff;font-size:58px;background:radial-gradient(circle,#7d5fff3b,#1e233cf2);box-shadow:0 0 35px #7d5fff2e}.ethqan-face-scan-line{position:absolute;top:15px;left:15px;right:15px;height:2px;background:linear-gradient(90deg,transparent,#a48aff,transparent);box-shadow:0 0 12px #a48aff;animation:ethqanFaceScan 3s ease-in-out infinite}@keyframes ethqanFaceScan{0%,to{top:18px;opacity:.3}50%{top:125px;opacity:1}}.ethqan-face-employee-name{color:#fff;font-size:19px;font-weight:750;text-align:center;margin-bottom:6px}.ethqan-face-employee-email{color:#a4adc0;font-size:12px;text-align:center;word-break:break-word}.ethqan-face-status{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:9px 15px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.8px}.ethqan-face-status.registered{color:#42dfa9;background:#28d2911a;border:1px solid rgba(40,210,145,.2)}.ethqan-face-status.not-registered{color:#ffbd69;background:#ffaf461a;border:1px solid rgba(255,175,70,.2)}.ethqan-status-indicator{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.ethqan-face-security-note{display:flex;align-items:center;gap:7px;margin-top:24px;color:#8994ad;font-size:11px}.ethqan-face-security-note i{color:#8e83ff;font-size:16px}.ethqan-face-details-panel{height:100%;padding:23px;border:1px solid rgba(140,140,180,.14);border-radius:16px;background:#7d7da006}.ethqan-face-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.ethqan-face-overline{color:#9884ff;font-size:9px;font-weight:800;letter-spacing:1.5px}.ethqan-face-section-heading h6{margin-top:5px;margin-bottom:0;font-size:16px;font-weight:700;color:var(--bs-heading-color, #fff)}.ethqan-face-section-heading>i{font-size:30px;color:#9985ff;opacity:.7}.ethqan-face-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ethqan-face-info-item{min-width:0;display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid rgba(140,140,180,.13);border-radius:11px;background:#8282aa0b;transition:.25s ease}.ethqan-face-info-item:hover{transform:translateY(-3px);border-color:#8c73ff66;background:#8264ff12}.ethqan-face-info-item>span{color:#929bad;font-size:9px;font-weight:800;letter-spacing:1px}.ethqan-face-info-item>strong{overflow-wrap:anywhere;color:var(--bs-heading-color, #fff);font-size:12px;font-weight:650}.ethqan-account-active{color:#32d69b!important}.ethqan-account-inactive{color:#ff727d!important}.ethqan-account-active i,.ethqan-account-inactive i{margin-right:6px;font-size:8px}.ethqan-face-registration-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:20px;padding:15px;border:1px solid rgba(130,110,255,.17);border-radius:12px;background:#735aff0e}.ethqan-face-small-icon{width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#a897ff;background:#8264ff26;font-size:21px}.ethqan-face-registration-info h6{margin:0 0 5px;color:var(--bs-heading-color, #fff);font-size:12px;font-weight:700}.ethqan-face-registration-info p{margin:0;color:#939caf;font-size:10px}.ethqan-face-mini-badge{padding:7px 10px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.6px}.ethqan-face-mini-badge.enrolled{color:#35d9a1;background:#28d2911a}.ethqan-face-mini-badge.pending{color:#ffc071;background:#ffaf461a}.ethqan-face-actions{display:flex;gap:12px;margin-top:22px}.ethqan-face-register-btn,.ethqan-face-remove-btn{width:100%;min-height:49px;display:flex;align-items:center;gap:11px;padding:12px 17px;border-radius:11px;font-size:12px;font-weight:750;transition:all .3s ease;cursor:pointer}.ethqan-face-register-btn{color:#fff;border:1px solid rgba(155,130,255,.5);background:linear-gradient(110deg,#6950dc,#8265ed);box-shadow:0 6px 20px #6950dc38}.ethqan-face-register-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #6950dc59}.ethqan-face-remove-btn{justify-content:center;color:#ff7b86;border:1px solid rgba(255,90,105,.3);background:#ff506412}.ethqan-face-remove-btn:hover{color:#fff;border-color:#ed596b;background:linear-gradient(110deg,#cf354c,#e75265);transform:translateY(-3px);box-shadow:0 8px 20px #dc375033}.ethqan-face-footer-note{display:flex;align-items:center;gap:7px;margin-top:17px;color:#929bad;font-size:10px;line-height:1.6}.ethqan-face-footer-note i{color:#a08aff;font-size:15px;flex-shrink:0}.ethqan-face-capture-wrapper{overflow:hidden;margin-top:25px;border:1px solid rgba(135,110,255,.25);border-radius:15px;background:var(--bs-card-bg, #151923);animation:ethqanCaptureIn .45s ease both}@keyframes ethqanCaptureIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ethqan-face-capture-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid rgba(140,140,180,.13);background:#785fff12}.ethqan-face-capture-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#b19cff;background:#8264ff2b;font-size:22px}.ethqan-face-capture-header h6{margin:0 0 5px;color:var(--bs-heading-color, #fff);font-size:13px;font-weight:750}.ethqan-face-capture-header p{margin:0;color:#929bad;font-size:10px}.ethqan-face-close-btn{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,100,110,.25);border-radius:9px;color:#ff818b;background:#ff506414;font-size:20px;transition:.25s}.ethqan-face-close-btn:hover{color:#fff;background:#d94a60}.ethqan-face-capture-content{padding:22px}@media(max-width:991px){.ethqan-face-identity-panel{min-height:300px}}@media(max-width:576px){.ethqan-face-header{padding:17px}.ethqan-face-body{padding:14px}.ethqan-face-header-tag{margin-left:60px}.ethqan-face-info-grid{grid-template-columns:1fr}.ethqan-face-details-panel{padding:16px}.ethqan-face-registration-info{align-items:flex-start}.ethqan-face-actions{flex-direction:column}.ethqan-face-capture-content{padding:12px}}@media(prefers-reduced-motion:reduce){.ethqan-face-card,.ethqan-face-orbit-ring,.ethqan-face-scan-line,.ethqan-live-dot,.ethqan-face-capture-wrapper{animation:none!important}.ethqan-face-info-item,.ethqan-face-register-btn,.ethqan-face-remove-btn{transition:none!important}}body{font-family:Poppins,sans-serif}.Toastify__toast-container{--toastify-font-family: "Poppins";--toastify-font-weight: bold;z-index:999999!important}.errors{font-size:8pt;color:#fff;font-style:italic;font-weight:600}.flatpickr-input{width:250px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px}.flatpickr-calendar{background:#242633!important;border:1px solid #3c4358!important;color:#fff!important;box-shadow:0 10px 30px #00000073}.flatpickr-months,.flatpickr-month,.flatpickr-current-month,.flatpickr-weekdays{background:#242633!important}.flatpickr-current-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year,.flatpickr-monthDropdown-month{color:#fff!important;background:transparent!important}.flatpickr-prev-month svg,.flatpickr-next-month svg{fill:#fff!important}.flatpickr-weekday{color:#aeb8d0!important}.flatpickr-innerContainer,.flatpickr-rContainer,.flatpickr-days,.dayContainer{background:#242633!important}.flatpickr-day{color:#d9dce5!important;background:transparent!important;border:none!important}.flatpickr-day:hover{background:#4f8cff!important;color:#fff!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#4f8cff!important;border-color:#4f8cff!important;color:#fff!important}.flatpickr-day.today{border:1px solid #4f8cff!important}.flatpickr-day.flatpickr-disabled{color:#666!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{border-bottom-color:#242633!important}.calender-img:hover{opacity:.5}.fade-camera{opacity:0;transform:scale(.98);animation:fadeCamera .5s ease forwards}@keyframes fadeCamera{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.loader{--color-1: #8a1840;--color-2: #f89222;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(20px,7vw,48px);letter-spacing:2px;color:var(--color-1);display:inline-block;position:fixed;inset:40% auto auto 50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:99999999}.loader:before,.loader:after{content:"ETHQAN CLIENT"}.loader:after{position:absolute;inset:0;color:var(--color-2);overflow:hidden;transform-origin:bottom;animation:reveal 1.5s linear infinite;will-change:transform}@keyframes reveal{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media(max-width:768px){.loader{font-size:clamp(18px,8vw,32px);letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.loader:after{animation:none}}@media(max-width:767.98px){.sidenav-menu{position:fixed!important;top:0;left:0;bottom:0;width:280px;max-width:85vw;height:100dvh;z-index:1050;overflow-x:hidden;overflow-y:auto;background:var(--bs-body-bg, #fff);transform:translate(-100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease;will-change:transform}html.sidebar-enable .sidenav-menu,body.sidebar-enable .sidenav-menu{transform:translate(0);visibility:visible}body.sidebar-enable{overflow:hidden}body.sidebar-overlay-active:before{content:"";position:fixed;inset:0;background:#00000073;z-index:1040;cursor:pointer}.sidenav-menu{z-index:1050}.sidebar-enable .main-content{opacity:.6;transition:opacity .3s ease}}@media(prefers-reduced-motion:reduce){.sidenav-menu,.sidebar-enable .main-content{transition:none!important}}@media(max-width:767.98px){html:not(.sidebar-enable) .sidenav-menu{transform:translate(-100%);visibility:hidden;pointer-events:none}html.sidebar-enable .sidenav-menu{transform:translate(0);visibility:visible;pointer-events:auto}html.sidebar-enable body:before{content:"";position:fixed;inset:0;background:#0006;z-index:1040}html.sidebar-enable .sidenav-menu{z-index:1050}}.big-checkbox{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:20px 0}.big-checkbox input{display:none}.checkbox-circle{width:32px;height:32px;border:2px solid #4B5563;border-radius:10px;background:#17181f;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.checkbox-circle svg{width:18px;height:18px;color:#fff;transform:scale(0);transition:transform .2s ease}.big-checkbox input:checked+.checkbox-circle{background:#2563eb;border-color:#2563eb}.big-checkbox input:checked+.checkbox-circle svg{transform:scale(1)}.big-checkbox:hover .checkbox-circle{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.checkbox-label{color:#e5e7eb;font-size:16px;font-weight:500}.overlay{position:fixed;inset:0;background:#0a0a0fbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999}.popup{width:430px;background:#1f212b;border:1px solid #343746;border-radius:10px;padding:24px;box-shadow:0 15px 35px #00000073}.popup h2{color:#f3f4f6;font-size:28px;font-weight:600;margin-bottom:8px}.popup p,.popup label{color:#d1d5db;font-size:15px}.question{font-weight:600;margin-bottom:18px}.option{display:flex;align-items:center;margin-bottom:14px}.option input[type=radio]{accent-color:#3B82F6;margin-right:10px}.month-section{margin-top:18px}.month-section label{display:block;margin-bottom:8px;color:#9ca3af}.month-section select{width:100%;background:#17181f;border:1px solid #343746;color:#f3f4f6;border-radius:6px;padding:11px 14px;outline:none;transition:.2s}.month-section select:focus{border-color:#3b82f6}.buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.save{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:.2s}.save:hover{background:#1d4ed8}.cancel{background:transparent;border:1px solid #4B5563;color:#d1d5db;padding:10px 20px;border-radius:6px;cursor:pointer;transition:.2s}.cancel:hover{background:#2c2f3a}.attendance-row{transition:background-color .15s ease;cursor:pointer;color:#fff}.attendance-row:hover{background-color:#333}.attendance-slider-overlay{position:fixed;inset:0;background:#000000a6;z-index:1040}.attendance-slider{position:fixed;top:0;right:0;width:430px;max-width:90vw;height:100vh;background:#181818;color:#fff;z-index:1050;box-shadow:-8px 0 30px #0000008c;display:flex;flex-direction:column;animation:slideInRight .25s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.attendance-slider-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#111;border-bottom:1px solid #333333}.attendance-slider-header h5{color:#fff;margin-bottom:4px}.attendance-slider-header small{color:#999!important}.attendance-slider-header .btn-close{filter:invert(1);opacity:.75}.attendance-slider-header .btn-close:hover{opacity:1}.attendance-summary{padding:15px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#181818;border-bottom:1px solid #333333}.summary-item{padding:12px;background:#252525;border:1px solid #333333;border-radius:8px;transition:background-color .15s ease,border-color .15s ease}.summary-item:hover{background:#2d2d2d;border-color:#444}.summary-item span{display:block;font-size:12px;color:#999;margin-bottom:4px}.summary-item strong{font-size:14px;font-weight:600;color:#fff}.attendance-slider-body{padding:20px;overflow-y:auto;flex:1;background:#181818;color:#fff}.attendance-slider-body h6{color:#fff}.attendance-slider-body::-webkit-scrollbar{width:6px}.attendance-slider-body::-webkit-scrollbar-track{background:#181818}.attendance-slider-body::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.attendance-slider-body::-webkit-scrollbar-thumb:hover{background:#555}.punch-list{position:relative}.punch-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #333333;transition:background-color .15s ease}.punch-item:hover{background:#202020}.punch-item:last-child{border-bottom:none}.punch-number{width:34px;height:34px;min-width:34px;border-radius:50%;background:#444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.punch-info{display:flex;flex-direction:column;gap:4px;flex:1}.punch-info strong{font-size:15px;font-weight:600;color:#fff}.punch-info small{color:#999;font-size:12px}.punch-info .text-muted{color:#999!important;font-size:12px}.punch-info>div{color:#fff}.punch-item:hover .punch-number{background:#555}.payable-salary-card{position:relative;overflow:hidden;background:#1d1e25!important;border:1px solid rgba(0,194,160,.3)!important;border-left:3px solid #00c2a0!important;min-height:96px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:payableCardGlow 3s ease-in-out infinite}@keyframes payableCardGlow{0%,to{box-shadow:0 4px 15px #0003,0 0 #00c2a000}50%{box-shadow:0 6px 20px #00000040,0 0 18px #00c2a01a}}.payable-salary-card:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,194,160,.06),transparent);transform:skew(-20deg);animation:payableShimmer 4s ease-in-out infinite;pointer-events:none}.payable-salary-card,.salary-card{font-family:Poppins,sans-serif}.payable-salary-card{position:relative;overflow:hidden;background:#1d1e25!important;border:1px solid rgba(34,197,94,.3)!important;border-left:3px solid #22c55e!important;min-height:96px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:payableCardGlow 3s ease-in-out infinite}@keyframes payableCardGlow{0%,to{box-shadow:0 4px 15px #0003,0 0 #22c55e00}50%{box-shadow:0 6px 20px #00000040,0 0 18px #22c55e1f}}.payable-salary-card:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.06),transparent);transform:skew(-20deg);animation:payableShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes payableShimmer{0%{left:-120%}45%{left:140%}to{left:140%}}.payable-title{color:#22c55e;font-size:13px;font-weight:600}.payable-badge{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.2);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1.2;animation:finalBadgePulse 2s ease-in-out infinite}@keyframes finalBadgePulse{0%,to{opacity:1}50%{opacity:.65}}.payable-amount{color:#22c55e;font-size:26px;line-height:1.2;letter-spacing:-.5px;transform-origin:left center;animation:payableAmountPulse 2.5s ease-in-out infinite}@keyframes payableAmountPulse{0%,to{transform:scale(1);color:#22c55e;text-shadow:0 0 0 rgba(34,197,94,0)}50%{transform:scale(1.025);color:#f59e0b;text-shadow:0 0 12px rgba(245,158,11,.35)}}.payable-subtitle{color:#8790a5;font-size:11px}.payable-icon{width:42px;height:42px;border-radius:50%;background:#22c55e1a;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:20px;flex-shrink:0;animation:payableIconFloat 2.5s ease-in-out infinite}@keyframes payableIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.payable-salary-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.payable-salary-card:hover{transform:translateY(-4px);border-color:#22c55ea6!important;box-shadow:0 10px 30px #0000004d,0 0 25px #22c55e26!important}@media(prefers-reduced-motion:reduce){.payable-salary-card,.payable-salary-card:before,.payable-amount,.payable-icon,.payable-badge{animation:none}}.salary-card{position:relative;margin-bottom:10px}.salary-card:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;background:#08090c;border-radius:2px}.salary-cards,.salary-cards .salary-card,.salary-cards .payable-salary-card,.salary-cards h4,.salary-cards h3,.salary-cards h6,.salary-cards small,.salary-cards span{font-family:Poppins,sans-serif}.earnings-card{min-height:220px;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#202332,#191b26,#15161e);border:1px solid rgba(255,255,255,.07);box-shadow:0 15px 40px #00000059,inset 0 1px #ffffff0a;color:#fff;transition:all .35s ease}.earnings-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #00000073,0 0 30px #00beff14}.earnings-glow{position:absolute;width:260px;height:260px;top:-140px;right:-80px;border-radius:50%;background:#00c8ff21;filter:blur(40px);animation:earningsGlow 4s ease-in-out infinite}@keyframes earningsGlow{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.9}to{transform:scale(1);opacity:.4}}.earnings-label{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px;font-weight:600;color:#8d96ad}.earnings-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#00c8ff1f;color:#28d7ff;font-size:15px;font-weight:700;box-shadow:0 0 15px #00c8ff26}.earnings-title{margin-top:6px;color:#69738a;font-size:12px}.earnings-badge{padding:7px 11px;border-radius:20px;background:#34d3991a;border:1px solid rgba(52,211,153,.15);color:#34d399;font-size:11px;font-weight:600;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #34d39900}50%{box-shadow:0 0 18px #34d39926}}.earnings-value{margin-top:22px;font-size:42px;line-height:1;font-weight:700;letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#58e3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:earningsAppear .8s ease}@keyframes earningsAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.earnings-bottom{margin-top:27px;display:flex;justify-content:space-between}.earnings-bottom div{display:flex;flex-direction:column;gap:3px}.small-text{color:#69738a;font-size:10px}.earnings-bottom strong{color:#d9deea;font-size:13px}.earnings-progress{height:4px;margin-top:13px;background:#ffffff0f;border-radius:10px;overflow:hidden}.earnings-progress .progress-bar{border-radius:10px;background:linear-gradient(90deg,#00b8ff,#42e8ff);box-shadow:0 0 12px #00c8ff99;animation:progressAnimation 1.5s ease}@keyframes progressAnimation{0%{width:0!important}}.earning-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.04)}.circle-1{width:180px;height:180px;right:-80px;bottom:-100px}.circle-2{width:120px;height:120px;right:-40px;bottom:-70px}.attendance-main-card{padding:27px 28px 28px;min-height:230px;border-radius:16px;background:linear-gradient(135deg,#1f2334fa,#161821fa);border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 35px #0000002e;transition:border-color .25s ease,box-shadow .25s ease}.attendance-main-card:hover{border-color:#ffffff1a;box-shadow:0 16px 40px #00000038}.attendance-card-glow{position:absolute;width:380px;height:380px;right:-180px;bottom:-240px;border-radius:50%;background:#0dcaf012;filter:blur(35px);pointer-events:none}.attendance-card-grid{position:absolute;inset:0;opacity:.025;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 70%);mask-image:linear-gradient(to bottom right,black,transparent 70%);pointer-events:none}.attendance-header{display:flex;justify-content:space-between;align-items:center}.attendance-main-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0dcaf01a;border:1px solid rgba(13,202,240,.12);color:#13c9f4;font-size:20px}.attendance-eyebrow{margin-bottom:4px;color:#7890b5;font-size:10px;font-weight:700;letter-spacing:1.5px}.attendance-heading{color:#f4f6fb;font-size:16px;font-weight:600}.attendance-description{color:#727b8f;font-size:12px}.attendance-month-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:20px;background:#0dcaf00f;border:1px solid rgba(13,202,240,.13);color:#18c6ec;font-size:11px;font-weight:600;white-space:nowrap}.attendance-stat-card{min-height:76px;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;background:#ffffff09;border:1px solid rgba(255,255,255,.065);transition:transform .2s ease,background .2s ease,border-color .2s ease}.attendance-stat-card:hover{transform:translateY(-2px);background:#ffffff0e;border-color:#ffffff1c}.stat-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:16px}.stat-icon-warning{background:#ffc1071a;color:#ffc107}.stat-icon-danger{background:#dc35451a;color:#ff6876}.stat-icon-purple{background:#6f42c11f;color:#a980ff}.stat-icon-info{background:#0dcaf01a;color:#16c7f0}.stat-content{min-width:0}.stat-label{display:block;margin-bottom:2px;color:#7e879b;font-size:11px;font-weight:500}.stat-value{color:#f2f5fa;font-size:19px;font-weight:600;line-height:1.1}.stat-unit{color:#737d92;font-size:10px;font-weight:500}.performance-card{position:relative;min-height:215px;padding:22px 23px;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#1b1d27,#181a22);border:1px solid rgba(255,255,255,.065);box-shadow:0 10px 30px #00000024;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.performance-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border-radius:50%;background:#0dcaf00b;filter:blur(15px);pointer-events:none}.performance-card:hover{transform:translateY(-3px);border-color:#0dcaf026;box-shadow:0 15px 35px #0003}.performance-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.performance-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#0dcaf017;border:1px solid rgba(13,202,240,.1);color:#13c8f2;font-size:19px}.performance-tag{padding:5px 9px;border-radius:6px;background:#ffffff0b;color:#7f899c;font-size:9px;font-weight:700;letter-spacing:.8px}.performance-content{position:relative;z-index:2;margin-top:18px}.performance-label{display:block;color:#7f899c;font-size:12px;font-weight:500}.performance-value{margin-top:4px;color:#f5f7fb;font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.8px}.performance-description{display:block;margin-top:2px;color:#697287;font-size:11px}.performance-footer{position:absolute;left:23px;bottom:19px;z-index:2;display:flex;align-items:center;gap:7px;color:#667187;font-size:10px}.performance-footer-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1987541a;color:#40cf83;font-size:9px}.productivity-progress{height:5px;margin-top:15px;overflow:hidden;border-radius:10px;background:#ffffff0f}.productivity-progress-bar{height:100%;border-radius:inherit;background:#13c8f2;box-shadow:0 0 10px #13c8f24d;transition:width .5s ease}.progress-label{color:#697287;font-size:9px}.progress-percentage{color:#13c8f2;font-size:9px;font-weight:600}.attendance-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.035);pointer-events:none}.attendance-circle-1{width:170px;height:170px;right:-70px;bottom:-90px}.attendance-circle-2{width:250px;height:250px;right:-110px;bottom:-130px}@media(max-width:991.98px){.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:18px}.dashboard-filters{width:100%}.dashboard-select{flex:1;min-width:0}.attendance-header{align-items:flex-start;flex-direction:column;gap:15px}.attendance-month-badge{align-self:flex-start}}@media(max-width:575.98px){.dashboard-page-header{padding-top:20px;padding-bottom:18px}.dashboard-page-title{font-size:18px}.dashboard-page-subtitle{font-size:12px}.dashboard-filters{gap:6px}.dashboard-select{height:38px;padding:0 9px}.dashboard-select select{font-size:12px}.attendance-main-card{padding:20px}.attendance-main-icon{width:42px;height:42px;font-size:18px}.attendance-heading{font-size:15px}.attendance-description{font-size:11px}.attendance-eyebrow{font-size:9px}.attendance-stat-card{min-height:70px;padding:11px 12px}.stat-value{font-size:18px}.performance-card{min-height:205px;padding:20px}.performance-value{font-size:27px}.performance-footer{left:20px;bottom:17px}}.side-nav-link.parent-active{background-color:rgba(var(--bs-primary-rgb),.1);color:var(--bs-primary)}.side-nav-link.submenu-active{background-color:var(--bs-primary);color:#fff!important;font-weight:600}.side-nav-link.submenu-active .menu-icon,.side-nav-link.submenu-active .menu-text{color:#fff}.side-nav-link.submenu-active:hover{background-color:var(--bs-primary);color:#fff!important}@keyframes dashboardFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashboardScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dashboardPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes dashboardShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard-animate{opacity:0;animation:dashboardFadeUp .55s ease forwards}.dashboard-delay-1{animation-delay:.08s}.dashboard-delay-2{animation-delay:.16s}.dashboard-delay-3{animation-delay:.24s}.dashboard-delay-4{animation-delay:.32s}.dashboard-delay-5{animation-delay:.4s}.dashboard-delay-6{animation-delay:.48s}.dashboard-kpi{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard-kpi:hover{transform:translateY(-3px)}.dashboard-kpi-icon{transition:transform .3s ease,box-shadow .3s ease}.dashboard-kpi:hover .dashboard-kpi-icon{transform:scale(1.08) rotate(-3deg)}.live-dot{animation:dashboardPulse 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.dashboard-animate{animation:none!important;opacity:1!important}.dashboard-kpi,.dashboard-kpi-icon{transition:none!important}.live-dot{animation:none!important}}.dashboard-widget{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard-widget:hover{transform:translateY(-3px)}.dashboard-delay-3 .card{animation:employeeCardEnter .65s ease-out both}@keyframes employeeCardEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.employee-status-table{border-collapse:separate;border-spacing:0 4px;margin-top:-4px}.employee-status-table thead th{border-bottom:1px solid rgba(0,0,0,.06);white-space:nowrap}.employee-status-table tbody tr{cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}.employee-status-table tbody tr td{position:relative;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.employee-status-table tbody tr td:first-child{border-radius:12px 0 0 12px}.employee-status-table tbody tr td:last-child{border-radius:0 12px 12px 0}.employee-status-table tbody tr:hover{transform:translate(4px);filter:drop-shadow(0 5px 10px rgba(13,110,253,.08))}.employee-status-table tbody tr:hover td{background-color:#0d6efd11;border-top-color:#0d6efd14;border-bottom-color:#0d6efd14}.employee-status-table tbody tr td:first-child{box-shadow:inset 0 0 0 transparent}.employee-status-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 #0d6efd}.employee-status-table .employee-name{display:inline-block;transition:color .3s ease,transform .3s ease}.employee-status-table tbody tr:hover .employee-name{color:#0d6efd;transform:translate(3px)}.employee-status-table .employee-avatar{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background-color .3s ease}.employee-status-table tbody tr:hover .employee-avatar{transform:scale(1.12) rotate(-4deg);background-color:#0d6efd26!important;box-shadow:0 4px 12px #0d6efd26}.employee-status-table tbody tr .badge{transition:transform .25s ease,box-shadow .25s ease}.employee-status-table tbody tr:hover .badge{transform:translateY(-1px);box-shadow:0 3px 8px #0000000f}.employee-status-table tbody tr .bi-clock{transition:transform .3s ease}.employee-status-table tbody tr:hover .bi-clock{transform:rotate(-12deg) scale(1.12)}.employee-status-table tbody tr:active{transform:translate(2px) scale(.995);filter:none}.employee-status-table tbody tr:active td{background-color:#0d6efd1f}.employee-status-table tbody tr:focus-visible{outline:2px solid #0d6efd;outline-offset:-2px;border-radius:12px}@keyframes employeeRowReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.employee-status-table tbody tr{animation:employeeRowReveal .45s ease both}.employee-status-table tbody tr:nth-child(1){animation-delay:.03s}.employee-status-table tbody tr:nth-child(2){animation-delay:.06s}.employee-status-table tbody tr:nth-child(3){animation-delay:.09s}.employee-status-table tbody tr:nth-child(4){animation-delay:.12s}.employee-status-table tbody tr:nth-child(5){animation-delay:.15s}.employee-status-table tbody tr:nth-child(6){animation-delay:.18s}.employee-status-table tbody tr:nth-child(7){animation-delay:.21s}.employee-status-table tbody tr:nth-child(8){animation-delay:.24s}.employee-status-table tbody tr:nth-child(9){animation-delay:.27s}.employee-status-table tbody tr:nth-child(10){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.employee-status-table tbody tr,.employee-status-table tbody tr td,.employee-status-table .employee-name,.employee-status-table .employee-avatar,.employee-status-table tbody tr .badge,.employee-status-table tbody tr .bi-clock{animation:none!important;transition:none!important;transform:none!important;filter:none!important}}.ethqan-page-enter{animation:ethqanPageEnter .55s ease both}.ethqan-animate-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:ethqanCardEnter .45s ease both}.ethqan-animate-card:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem #0000001a!important}.ethqan-avatar{transition:transform .3s ease,box-shadow .3s ease}.ethqan-avatar:hover{transform:scale(1.06) rotate(2deg);box-shadow:0 .5rem 1.25rem #0d6efd33!important}.ethqan-tabs{overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;max-width:100%}.ethqan-tabs .nav-link{transition:color .2s ease,background-color .2s ease,border-color .2s ease;white-space:nowrap}.ethqan-tabs .nav-link:hover{background-color:var(--bs-tertiary-bg)}.ethqan-tab-content{min-width:0;overflow-wrap:anywhere}.ethqan-tab-pane{animation:ethqanTabEnter .28s ease both}.ethqan-animate-card .table-responsive{-webkit-overflow-scrolling:touch}.ethqan-animate-card .table th,.ethqan-animate-card .table td{vertical-align:middle}@keyframes ethqanPageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ethqanCardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ethqanTabEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767.98px){.ethqan-tabs .nav-link{padding:.65rem .8rem}.ethqan-tab-content .form-control,.ethqan-tab-content .form-select,.ethqan-tab-content select{max-width:100%}.ethqan-animate-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.ethqan-page-enter,.ethqan-animate-card,.ethqan-tab-pane{animation:none!important}.ethqan-animate-card,.ethqan-avatar,.ethqan-tabs .nav-link{transition:none!important}}.sidenav-menu.sidebar-workflow-locked{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;opacity:.55}.sidenav-menu.sidebar-workflow-locked{cursor:not-allowed}.sidenav-menu.sidebar-workflow-locked a,.sidenav-menu.sidebar-workflow-locked button{cursor:not-allowed!important}.attendance-overview-card{padding:22px;color:#e6edf8;background:linear-gradient(145deg,#101d30,#0b1525);border:1px solid rgba(130,160,200,.13);border-radius:16px;box-shadow:0 8px 24px #0000001f}.attendance-header-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#79b8ff;background:#2f84ff26;border-radius:10px;font-size:20px}.attendance-muted{color:#8497b3}.attendance-month{padding:8px 11px;color:#c8d6ec;background:#17263b;border:1px solid rgba(130,160,200,.12);border-radius:9px;white-space:nowrap;font-size:12px}.attendance-chart{display:flex;height:190px;gap:10px;padding-top:8px}.attendance-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:25px;color:#8ea1bd;font-size:10px}.attendance-chart-scroll{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#354963 transparent}.attendance-bars{display:grid;grid-template-columns:repeat(31,minmax(7px,1fr));gap:5px;height:100%;min-width:350px;border-bottom:1px solid rgba(150,175,210,.12);background-image:repeating-linear-gradient(to bottom,rgba(150,175,210,.09) 0,rgba(150,175,210,.09) 1px,transparent 1px,transparent 25%)}.attendance-bar-column{display:flex;flex-direction:column;align-items:center;min-width:0;height:100%}.attendance-bar-track{display:flex;align-items:flex-end;justify-content:center;flex:1;width:100%;min-height:0}.attendance-bar{width:min(100%,9px);min-height:3px;border-radius:4px 4px 0 0;transition:height .3s ease,opacity .2s ease}.attendance-bar-column:hover .attendance-bar{filter:brightness(1.25)}.attendance-day-label{flex-shrink:0;padding-top:7px;color:#9aacc5;font-size:9px;line-height:12px}.attendance-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(130,160,200,.13)}.attendance-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;column-gap:7px;row-gap:6px;min-width:0;color:#a7b8d0;font-size:11px}.attendance-legend-dot{width:8px;height:8px;border-radius:50%}.attendance-legend strong{grid-column:2;color:#dce7f7;font-size:12px;font-weight:500}@media(max-width:480px){.attendance-overview-card{padding:16px}.attendance-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-month{font-size:10px;padding:7px}}.approval-control-center{--approval-bg: #08111f;--approval-panel: rgba(16, 27, 45, .82);--approval-border: rgba(255, 255, 255, .09);--approval-text: #f8fafc;--approval-muted: #94a3b8;background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.15),transparent 35%),radial-gradient(circle at 90% 100%,rgba(139,92,246,.12),transparent 35%),linear-gradient(135deg,#07101d,#0b1627,#091321);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:26px;box-shadow:0 25px 70px #00000038,inset 0 1px #ffffff0d;isolation:isolate}.approval-bg-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.approval-bg-orb{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;animation:approvalOrbFloat 8s ease-in-out infinite}.approval-bg-orb-1{top:-160px;right:8%;background:#3b82f6}.approval-bg-orb-2{bottom:-180px;left:25%;background:#8b5cf6;animation-delay:-3s}@keyframes approvalOrbFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(25px,20px,0) scale(1.08)}}.approval-center-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.approval-main-icon{position:relative;width:58px;height:58px;min-width:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;color:#fff;font-size:25px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 30px #2563eb47}.approval-main-icon i{position:relative;z-index:2}.approval-icon-pulse{position:absolute;inset:-5px;border-radius:21px;border:1px solid rgba(96,165,250,.45);animation:approvalIconPulse 2.2s ease-out infinite}@keyframes approvalIconPulse{0%{transform:scale(.92);opacity:.8}70%{transform:scale(1.15);opacity:0}to{transform:scale(1.15);opacity:0}}.approval-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#60a5fa;margin-bottom:4px}.approval-main-title{color:#f8fafc;font-size:21px;font-weight:700;letter-spacing:-.02em}.approval-main-description{color:#94a3b8;font-size:13px}.approval-total-pill{display:flex;align-items:center;gap:12px;min-width:125px;padding:10px 15px;border-radius:16px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .25s ease,border-color .25s ease,background .25s ease}.approval-total-pill:hover{transform:translateY(-3px);background:#ffffff14;border-color:#60a5fa4d}.approval-total-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fbbf24;background:#f59e0b1f;font-size:17px}.approval-total-number{color:#fff;font-size:21px;line-height:1;font-weight:800}.approval-total-label{margin-top:3px;color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.approval-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.approval-summary-card{position:relative;display:flex;align-items:center;gap:11px;min-height:82px;padding:13px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.075);overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.approval-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;opacity:.8}.approval-summary-card:hover{transform:translateY(-5px);background:#ffffff13;box-shadow:0 14px 30px #00000029}.approval-summary-warning{color:#f59e0b}.approval-summary-primary{color:#60a5fa}.approval-summary-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff1;font-size:16px}.approval-summary-content{min-width:0}.approval-summary-number{color:#f8fafc;font-size:19px;font-weight:800;line-height:1}.approval-summary-title{margin-top:4px;color:#e2e8f0;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-summary-text{margin-top:2px;color:#64748b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-summary-arrow{margin-left:auto;color:#64748b;font-size:12px;transition:transform .25s ease,color .25s ease}.approval-summary-card:hover .approval-summary-arrow{color:#cbd5e1;transform:translate(4px)}.approval-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.approval-section-eyebrow{color:#64748b;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}.approval-section-title{color:#e2e8f0;font-size:14px;font-weight:700}.approval-live-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;color:#94a3b8;font-size:10px;font-weight:700;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.approval-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e1a;animation:approvalLivePulse 1.8s ease-in-out infinite}@keyframes approvalLivePulse{0%,to{opacity:1}50%{opacity:.45}}.approval-request-list{display:flex;flex-direction:column;gap:9px}.approval-request-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border-radius:17px;background:linear-gradient(135deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.075);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;animation:approvalItemIn .45s ease both}.approval-request-item:hover{transform:translate(5px);background:linear-gradient(135deg,#ffffff16,#ffffff0a);border-color:#60a5fa40;box-shadow:0 10px 28px #00000024}@keyframes approvalItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.approval-request-main{display:flex;align-items:center;gap:13px;min-width:0}.approval-request-type-icon{width:43px;height:43px;min-width:43px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#60a5fa;background:linear-gradient(135deg,#3b82f629,#3b82f60f);border:1px solid rgba(96,165,250,.12);font-size:17px;transition:transform .25s ease,box-shadow .25s ease}.approval-request-item:hover .approval-request-type-icon{transform:scale(1.07) rotate(-3deg);box-shadow:0 8px 20px #3b82f61f}.approval-request-info{min-width:0}.approval-request-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.approval-request-title{color:#f1f5f9;font-size:13px;font-weight:700}.approval-employee-row{display:flex;align-items:center;gap:9px;margin-top:7px}.approval-employee-avatar{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#bfdbfe;background:linear-gradient(135deg,#3b82f638,#6366f11f);border:1px solid rgba(96,165,250,.22);font-size:12px;box-shadow:0 5px 15px #2563eb1a;transition:transform .25s ease,box-shadow .25s ease}.approval-request-item:hover .approval-employee-avatar{transform:scale(1.08) rotate(-3deg);box-shadow:0 7px 20px #3b82f633}.approval-employee-details{min-width:0}.approval-employee-name{position:relative;display:inline-block;color:#fff;font-size:14px;font-weight:900;letter-spacing:.015em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 10px rgba(255,255,255,.07)}.approval-employee-name:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;border-radius:10px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s ease}.approval-request-item:hover .approval-employee-name:after{width:100%}.approval-request-date{display:flex;align-items:center;gap:5px;margin-top:4px;color:#718096;font-size:10px;font-weight:500}.approval-request-date i{color:#64748b;font-size:9px}.approval-status{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:6px;font-size:8px;line-height:1;font-weight:800;letter-spacing:.02em;white-space:nowrap}.approval-status-danger{color:#fca5a5;background:#ef44441c;border:1px solid rgba(239,68,68,.14)}.approval-status-success{color:#86efac;background:#22c55e1c;border:1px solid rgba(34,197,94,.14)}.approval-status-primary{color:#93c5fd;background:#3b82f61c;border:1px solid rgba(59,130,246,.14)}.approval-status-info{color:#67e8f9;background:#06b6d41c;border:1px solid rgba(6,182,212,.14)}.approval-view-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;padding:9px 13px;border-radius:10px;color:#bfdbfe;background:#3b82f614;border:1px solid rgba(96,165,250,.18);font-size:11px;font-weight:700;transition:all .25s ease;flex-shrink:0}.approval-view-button:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb38}.approval-view-button i{transition:transform .25s ease}.approval-view-button:hover i{transform:translate(2px,-2px)}.approval-empty-state{display:flex;align-items:center;justify-content:center;gap:17px;min-height:145px;padding:25px;border-radius:17px;background:#ffffff06;border:1px dashed rgba(255,255,255,.1);text-align:left}.approval-empty-animation{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center}.approval-empty-icon{position:relative;z-index:2;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#4ade80;background:#22c55e17;border:1px solid rgba(34,197,94,.18);font-size:20px}.approval-empty-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(74,222,128,.2);animation:approvalEmptyRing 2s ease-out infinite}@keyframes approvalEmptyRing{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.25);opacity:0}}.approval-empty-title{color:#e2e8f0;font-size:14px;font-weight:700}.approval-empty-text{color:#64748b;font-size:11px}.approval-request-leave .approval-request-type-icon{color:#f87171;background:#ef444414;border-color:#ef44441f}.approval-request-overtime .approval-request-type-icon{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b1f}.approval-request-wfh .approval-request-type-icon{color:#34d399;background:#10b98114;border-color:#10b9811f}.approval-request-auth .approval-request-type-icon{color:#a78bfa;background:#8b5cf614;border-color:#8b5cf61f}@media(max-width:1199.98px){.approval-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.approval-control-center{padding:18px;border-radius:20px}.approval-center-header{align-items:flex-start;flex-direction:column}.approval-total-pill{width:100%}.approval-summary-grid{grid-template-columns:1fr}.approval-request-item{align-items:flex-start;flex-direction:column;gap:13px}.approval-request-main,.approval-view-button{width:100%}.approval-section-heading{align-items:flex-start;flex-direction:column}.approval-live-status{align-self:flex-start}}@media(max-width:480px){.approval-main-icon{width:50px;height:50px;min-width:50px;border-radius:15px;font-size:21px}.approval-main-title{font-size:18px}.approval-main-description{font-size:11px}.approval-request-meta{align-items:flex-start;flex-direction:column;gap:3px}.approval-meta-separator{display:none!important}.approval-employee-name{max-width:190px;font-size:12px}}.approval-control-center,.approval-control-center *{font-family:Poppins,sans-serif!important}.crm-activity-overlay{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:crmActivityFadeIn .22s ease-out}.crm-activity-modal{position:relative;color:#f0f1fa;background:radial-gradient(ellipse at top right,rgba(117,99,225,.1),transparent 42%),#15161e;border:1px solid #363747;border-radius:20px;box-shadow:0 30px 100px #0009,0 0 0 1px #ffffff04}.crm-activity-modal .modal-header{position:relative;padding:22px 25px;background:linear-gradient(135deg,#222332,#191a25);border-bottom:1px solid #343546}.crm-activity-modal .modal-header:before{position:absolute;top:0;right:22px;left:22px;height:2px;content:"";background:linear-gradient(90deg,transparent,#9185ff,#57d6e8,transparent);border-radius:0 0 5px 5px}.crm-activity-modal .modal-title{display:flex;align-items:center;color:#f7f6ff;font-size:18px;font-weight:800;letter-spacing:-.35px}.crm-activity-modal .modal-title>i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:#c1b7ff;background:#9185ff24;border:1px solid rgba(145,133,255,.25);border-radius:12px;font-size:17px}.crm-activity-modal .btn-close{opacity:.8;transition:transform .2s ease,opacity .2s ease}.crm-activity-modal .btn-close:hover{opacity:1;transform:rotate(90deg)}.crm-activity-subtitle{color:#a6a9bf;font-size:11px;line-height:1.6}.crm-activity-modal .modal-body{padding:24px!important;background:#0f10176b;scrollbar-width:thin;scrollbar-color:#46465d #191a23}.crm-activity-modal .modal-body::-webkit-scrollbar{width:6px}.crm-activity-modal .modal-body::-webkit-scrollbar-track{background:#191a23}.crm-activity-modal .modal-body::-webkit-scrollbar-thumb{background:#46465d;border-radius:10px}.crm-activity-item{position:relative;display:flex;gap:14px;min-width:0;animation:crmActivitySlideIn .28s ease both}.crm-activity-rail{display:flex;align-items:center;flex-direction:column;flex:0 0 36px;width:36px}.crm-activity-icon{z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:#c2b9ff;background:#29253d;border:1px solid #50466f;border-radius:12px;box-shadow:0 0 0 5px #191a23;font-size:14px}.crm-activity-icon--created{color:#8de4b5;background:#309a6921;border-color:#58d29959}.crm-activity-icon--status{color:#b9aaff;background:#7760e126;border-color:#9185ff59}.crm-activity-icon--owner{color:#80dfff;background:#2c9dbe21;border-color:#57d6e859}.crm-activity-icon--note{color:#ffd18a;background:#c1852821;border-color:#ffbf5c52}.crm-activity-icon--workflow{color:#ffa9cf;background:#c5529021;border-color:#ee79b852}.crm-activity-timeline-line{width:2px;flex:1;min-height:25px;margin:8px 0 0;background:linear-gradient(180deg,#49435f,#38394740);border-radius:10px}.crm-activity-entry{position:relative;flex:1;min-width:0;margin-bottom:18px;padding:17px!important;background:linear-gradient(145deg,#22232f,#1c1d27);border:1px solid #353646;border-radius:15px;box-shadow:0 5px 18px #0000001f;overflow-wrap:anywhere;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.crm-activity-entry:hover{border-color:#50486f;box-shadow:0 8px 24px #0003;transform:translateY(-1px)}.crm-activity-entry-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}.crm-activity-title{color:#f0edff;font-size:13px;font-weight:800;line-height:1.5}.crm-activity-date{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;color:#b2b4c8;background:#171821;border:1px solid #343543;border-radius:7px;font-size:10px;white-space:nowrap}.crm-activity-label{display:block;margin-bottom:9px;color:#969ab2;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.crm-activity-divider{height:1px;margin:15px 0;background:linear-gradient(90deg,#393a4b,transparent)}.crm-activity-transition{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.crm-activity-transition-value{display:inline-flex;align-items:center;max-width:100%;padding:7px 10px;color:#c4c6d7;background:#171821;border:1px solid #383949;border-radius:8px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.crm-activity-transition-value.is-current{color:#d7d0ff;background:#7a68eb21;border-color:#9185ff59}.crm-activity-transition-arrow{color:#7f83a0;font-size:12px}.crm-activity-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crm-activity-person{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;background:#1011198c;border:1px solid #333443;border-radius:10px}.crm-activity-person-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;color:#b8adff;background:#9185ff1f;border-radius:9px;font-size:13px}.crm-activity-person-name{min-width:0;color:#e8e8f5;font-size:11px;font-weight:700;overflow-wrap:anywhere}.crm-activity-person-label{display:block;margin-bottom:4px;color:#8f93aa;font-size:9px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.crm-activity-notes{padding:13px;color:#e3e4f0;background:#0f1017a6;border:1px solid #393849;border-left:3px solid #9185ff;border-radius:9px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.crm-activity-notes .crm-activity-label{color:#b8adff;margin-bottom:8px}.crm-activity-empty{padding:38px 20px;background:#1f202c99;border:1px dashed #3e3e53;border-radius:14px}.crm-activity-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:15px;color:#b7acff;background:#9185ff1f;border:1px solid rgba(145,133,255,.23);border-radius:17px;font-size:23px}.crm-activity-modal .modal-footer{padding:15px 22px;background:#1b1c26;border-top:1px solid #343546}.crm-activity-modal .modal-footer .btn{padding:8px 13px;border-radius:9px;font-size:11px;font-weight:700}.crm-activity-modal .btn-primary{background:#6f5ce8;border-color:#806ef0}.crm-activity-modal .btn-primary:hover{background:#8170f4;border-color:#9688ff}@keyframes crmActivityFadeIn{0%{opacity:0}to{opacity:1}}@keyframes crmActivitySlideIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:575px){.crm-activity-overlay{padding:10px!important}.crm-activity-modal{border-radius:14px}.crm-activity-modal .modal-header{padding:17px}.crm-activity-modal .modal-body{padding:15px!important}.crm-activity-entry{padding:13px!important}.crm-activity-item{gap:9px}.crm-activity-rail{flex-basis:30px;width:30px}.crm-activity-icon{width:30px;height:30px;border-radius:10px;font-size:12px}.crm-activity-people{grid-template-columns:minmax(0,1fr)}.crm-activity-date{white-space:normal}}@media(prefers-reduced-motion:reduce){.crm-activity-overlay,.crm-activity-item{animation:none!important}.crm-activity-entry{transition:none!important}}.ethqan-redesign{--ec-bg: #080c14;--ec-panel: #0e1624;--ec-panel-2: #121e30;--ec-line: rgba(125, 159, 205, .17);--ec-blue: #45baff;--ec-cyan: #65e5ff;--ec-text: #edf4ff;--ec-muted: #8c9db6;color:var(--ec-text)}.ethqan-redesign .content-page{background:radial-gradient(ellipse at 78% 0%,rgba(22,95,160,.12),transparent 34%),#080c14;min-height:100vh}.ethqan-redesign .content-page>.container-fluid{padding-top:12px;padding-bottom:12px}.ethqan-redesign .dashboard-page-header{position:relative;isolation:isolate;padding:13px 17px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;overflow:hidden;background:linear-gradient(110deg,#111d2d,#0b121e 68%,#102236);border:1px solid var(--ec-line);border-radius:12px;box-shadow:0 9px 24px #00000030}.ethqan-redesign .dashboard-page-header:before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#65e5ff,#3783ff,#785bff);box-shadow:0 0 16px #45baff8c}.ethqan-redesign .dashboard-page-title{font-size:23px;line-height:1.2;letter-spacing:-.8px;font-weight:800;color:#fff}.ethqan-redesign .dashboard-page-subtitle{font-size:11px;margin-top:4px;color:#91a5c0}.ethqan-redesign .dashboard-live-badge{font-size:9px;padding:4px 8px;border:1px solid rgba(48,225,165,.22);background:#30e1a512;color:#53e4af;border-radius:5px;letter-spacing:1px;font-weight:800}.ethqan-redesign .live-dot{width:6px;height:6px;background:#53e4af;border-radius:50%;box-shadow:0 0 9px #39d9a0;animation:ecLivePulse 1.7s ease-in-out infinite}.ethqan-redesign .dashboard-select{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 9px;border-radius:7px;border:1px solid rgba(120,161,211,.2);background:#0a1220;transition:border-color .2s ease,box-shadow .2s ease}.ethqan-redesign .dashboard-select:focus-within{border-color:#45baff;box-shadow:0 0 0 3px #45baff17}.ethqan-redesign .dashboard-select>i{color:#65cfff;font-size:12px}.ethqan-redesign .dashboard-select select{background:transparent;color:#e7f1ff;border:0;outline:none;font-size:11px;font-weight:700;cursor:pointer}.ethqan-redesign .dashboard-select select option{background:#101a29;color:#fff}.ethqan-redesign .card{position:relative;color:var(--ec-text)!important;background:linear-gradient(145deg,#111b2a,#0b121e)!important;border:1px solid var(--ec-line)!important;border-radius:12px!important;box-shadow:0 7px 24px #0000002b;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.ethqan-redesign .card:hover{border-color:#45baff4a!important;box-shadow:0 12px 30px #0000003d}.ethqan-redesign .card-body{padding:15px!important}.ethqan-redesign .card h5,.ethqan-redesign .card h6{color:#eef5ff;font-weight:750;letter-spacing:-.25px}.ethqan-redesign .text-muted{color:var(--ec-muted)!important}.ethqan-redesign .bg-light,.ethqan-redesign .bg-white{background-color:#152033!important}.ethqan-redesign .border,.ethqan-redesign .border-top,.ethqan-redesign .border-bottom{border-color:var(--ec-line)!important}.ethqan-redesign .row{--bs-gutter-x: .8rem;--bs-gutter-y: .8rem}.ethqan-redesign .mb-4{margin-bottom:.95rem!important}.ethqan-redesign .mb-5{margin-bottom:1.1rem!important}.ethqan-redesign .attendance-main-card{border:1px solid rgba(73,151,226,.25)!important;border-radius:13px;box-shadow:0 10px 28px #0000003b}.ethqan-redesign .attendance-card-glow{opacity:.5}.ethqan-redesign .attendance-heading{font-size:16px;color:#f3f7ff;letter-spacing:-.3px}.ethqan-redesign .attendance-eyebrow{font-size:9px;letter-spacing:1.6px;color:#65cfff;font-weight:800}.ethqan-redesign .attendance-description{font-size:11px;color:#91a5c0}.ethqan-redesign .attendance-main-icon{width:42px;height:42px;border-radius:11px;background:#45baff1a;border:1px solid rgba(69,186,255,.18);color:#65cfff}.ethqan-redesign .attendance-month-badge{border:1px solid rgba(69,186,255,.19);background:#45baff12;color:#83d6ff;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:750}.ethqan-redesign .approval-request-card{background:#070d17a6;border:1px solid rgba(125,159,205,.14);border-radius:9px;padding:10px 12px;transition:background .2s ease,border-color .2s ease}.ethqan-redesign .approval-request-card:hover{background:#142238;border-color:#45baff52}.ethqan-redesign .approval-request-icon{width:36px;height:36px;min-width:36px;border-radius:9px;background:#45baff17;border:1px solid rgba(69,186,255,.15);color:#65cfff}.ethqan-redesign .alert{border-radius:8px;font-size:11px;padding:9px 11px}.ethqan-redesign .badge{font-size:10px;letter-spacing:.05px}.ethqan-redesign .salary-counter-number{letter-spacing:-1px;font-weight:800;font-variant-numeric:tabular-nums}.ethqan-redesign .salary-counting-badge{font-size:9px;letter-spacing:.6px}.ethqan-redesign .table-responsive{border:1px solid var(--ec-line);border-radius:9px;background:#050a1252}.ethqan-redesign .table{--bs-table-bg: transparent;--bs-table-color: #dce7f7;--bs-table-border-color: rgba(125, 159, 205, .11);--bs-table-hover-bg: rgba(69, 186, 255, .055);--bs-table-hover-color: #ffffff;margin-bottom:0}.ethqan-redesign .table thead.table-dark th{background:#152135!important;color:#91aac8!important;border-color:#7d9fcd24;font-size:9px;font-weight:800;letter-spacing:.8px;padding:11px 12px!important;text-transform:uppercase;white-space:nowrap}.ethqan-redesign .table tbody td{padding:9px 12px!important;font-size:11px;vertical-align:middle}.ethqan-redesign .employee-name{color:#edf5ff;font-size:11px;font-weight:750}.ethqan-redesign .employee-status-table tbody tr{cursor:pointer;transition:background .18s ease}.ethqan-redesign .employee-status-table tbody tr:hover{background:#45baff0e}.ethqan-redesign .employee-status-table tbody tr:focus-visible{outline:2px solid #45baff;outline-offset:-2px}.ethqan-redesign .employee-status-table tbody td:first-child>div>div:first-child{width:34px!important;height:34px!important;min-width:34px!important;margin-left:0!important;padding-right:0!important;overflow:hidden;border-radius:50%}.ethqan-redesign .employee-status-table .ethqan-avatar{display:block;width:34px!important;height:34px!important;max-width:34px;border-width:1px!important}.ethqan-redesign .btn{border-radius:7px;font-size:11px;font-weight:700;transition:background .18s ease,border-color .18s ease}.ethqan-redesign .btn-outline-primary{color:#71cfff;border-color:#45baff61}.ethqan-redesign .btn-outline-primary:hover{background:#45baff21;color:#fff;border-color:#45baff}.ethqan-redesign .btn-light{color:#dce9f9!important;background:#172338!important;border-color:var(--ec-line)!important}.ethqan-redesign .card-body.p-4{padding:13px!important}.ethqan-redesign .card-body.p-4 .mb-4{margin-bottom:12px!important}.ethqan-redesign .card-body.p-4 .mt-4{margin-top:12px!important}.ethqan-redesign~.modal .modal-content,.ethqan-redesign .modal-content{background:#101827;color:#edf4ff;border:1px solid var(--ec-line);border-radius:13px}.ethqan-redesign .modal-header,.ethqan-redesign .modal-footer{border-color:var(--ec-line)}.ethqan-redesign .modal .form-control{color:#edf4ff;background:#0a1220;border-color:var(--ec-line)}.ethqan-redesign .modal .form-control:focus{border-color:#45baff;box-shadow:0 0 0 3px #45baff17}@keyframes ecEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ecLivePulse{0%,to{opacity:1}50%{opacity:.45}}.ethqan-redesign .dashboard-animate{animation:ecEnter .38s ease-out both}.ethqan-redesign .dashboard-delay-1{animation-delay:35ms}.ethqan-redesign .dashboard-delay-2{animation-delay:75ms}.ethqan-redesign .dashboard-delay-3{animation-delay:.12s}@media(max-width:767.98px){.ethqan-redesign .dashboard-page-header{padding:12px}.ethqan-redesign .dashboard-page-title{font-size:20px}.ethqan-redesign .dashboard-filters{width:100%;display:flex;gap:8px}.ethqan-redesign .dashboard-select{flex:1;min-width:0;justify-content:space-between}.ethqan-redesign .dashboard-select select{width:100%;min-width:0}.ethqan-redesign .card-body{padding:12px!important}.ethqan-redesign .attendance-header{align-items:flex-start}.ethqan-redesign .approval-request-card{padding:9px}}@media(prefers-reduced-motion:reduce){.ethqan-redesign *,.ethqan-redesign *:before,.ethqan-redesign *:after{animation:none!important;transition:none!important}}@keyframes salaryCardReveal{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes salaryNumberReveal{0%{opacity:0;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes salaryBadgeShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.salary-pro-shell{position:relative;isolation:isolate;overflow:hidden;padding:17px;border-radius:21px;background:radial-gradient(circle at 100% 0%,rgba(56,189,248,.09),transparent 35%),linear-gradient(135deg,#111a29,#0c1320 55%,#101a27);border:1px solid rgba(125,163,210,.19);box-shadow:0 12px 30px #00000030;animation:salaryCardReveal .45s ease-out both}.salary-pro-header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:15px}.salary-pro-heading{display:flex;align-items:center;gap:11px;min-width:0}.salary-pro-main-icon{width:43px;height:43px;flex:0 0 43px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#66d5ff;background:#38bdf81a;border:1px solid rgba(56,189,248,.24);box-shadow:inset 0 0 15px #38bdf809;font-size:19px}.salary-pro-kicker{color:#64caff;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px}.salary-pro-title{color:#f0f6ff;font-size:16px;font-weight:750;letter-spacing:-.4px;line-height:1.3;margin:0}.salary-pro-subtitle{color:#899bb4;font-size:10px;margin-top:3px}.salary-pro-header-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.salary-pro-period{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:30px;color:#bcecff;background:#38bdf812;border:1px solid rgba(56,189,248,.18);font-size:10px;font-weight:700;white-space:nowrap}.salary-pro-period i{color:#57c9ff}.salary-counting-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:30px;border:1px solid rgba(56,189,248,.2);color:#66d5ff;background:linear-gradient(90deg,#38bdf80f,#ffffff1c,#38bdf80f);background-size:200% 100%;animation:salaryBadgeShimmer 1.5s linear infinite;font-size:9px;font-weight:800;letter-spacing:.5px}.salary-counting-dot{width:5px;height:5px;border-radius:50%;background:#58d8ff;box-shadow:0 0 9px #58d8ff}.salary-pro-grid{position:relative}.salary-pro-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:0;min-height:125px;overflow:hidden;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:#ffffff07;transition:transform .23s ease,border-color .23s ease,background .23s ease,box-shadow .23s ease}.salary-pro-tile:after{content:"";position:absolute;z-index:-1;width:95px;height:95px;top:-48px;right:-36px;border-radius:50%;background:var(--salary-glow);opacity:.65;filter:blur(1px);pointer-events:none}.salary-pro-tile:hover{transform:translateY(-3px);border-color:var(--salary-border);background:#ffffff0b;box-shadow:0 9px 22px #0000002e}.salary-pro-tile.total{--salary-color: #61cbff;--salary-glow: rgba(56, 189, 248, .12);--salary-border: rgba(56, 189, 248, .38);--salary-icon-bg: rgba(56, 189, 248, .1)}.salary-pro-tile.deducted{--salary-color: #ff8299;--salary-glow: rgba(251, 113, 133, .1);--salary-border: rgba(251, 113, 133, .32);--salary-icon-bg: rgba(251, 113, 133, .1)}.salary-pro-tile.payable{--salary-color: #49e2b0;--salary-glow: rgba(52, 211, 153, .12);--salary-border: rgba(52, 211, 153, .35);--salary-icon-bg: rgba(52, 211, 153, .1);background:linear-gradient(135deg,#34d3990b,#ffffff05)}.salary-pro-tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.salary-pro-label{color:#9eafc7;font-size:10px;line-height:1.4;font-weight:650}.salary-pro-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex:0 0 33px;border-radius:50%;color:var(--salary-color);background:var(--salary-icon-bg);border:1px solid var(--salary-border);font-size:14px}.salary-pro-amount{display:block;margin-top:13px;color:var(--salary-color);font-size:clamp(18px,2.1vw,27px);line-height:1.2;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;animation:salaryNumberReveal .55s ease-out both}.salary-pro-description{color:#7f91ab;font-size:10px;line-height:1.4;margin-top:6px}.salary-pro-bottom-line{height:2px;width:28px;margin-top:11px;border-radius:3px;background:var(--salary-color);opacity:.8;transition:width .25s ease}.salary-pro-tile:hover .salary-pro-bottom-line{width:48px}@media(max-width:575.98px){.salary-pro-shell{padding:13px;border-radius:17px}.salary-pro-header{margin-bottom:12px}.salary-pro-main-icon{width:38px;height:38px;flex-basis:38px;font-size:16px}.salary-pro-title{font-size:15px}.salary-pro-tile{min-height:112px;padding:12px;border-radius:13px}.salary-pro-amount{font-size:clamp(19px,5vw,25px)}.salary-pro-header-right{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.salary-pro-shell,.salary-pro-amount,.salary-counting-badge,.salary-pro-tile,.salary-pro-bottom-line{animation:none!important;transition:none!important}}.productivity-gauge-small{--productivity: 87%;--gauge-size: 170px;position:relative;width:var(--gauge-size);height:calc(var(--gauge-size) / 2);margin:10px auto 0;overflow:hidden}.productivity-gauge-small-arc{position:absolute;width:var(--gauge-size);height:var(--gauge-size);left:0;top:0;border-radius:50%;background:conic-gradient(from 270deg,#ff496c 0deg,#ff496c 54deg,#ffbd36 54deg,#ffbd36 108deg,#08c7a0 108deg,#08c7a0 180deg,transparent 180deg,transparent 360deg);transform:rotate(0);-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 62% 73%,transparent 74%);mask:radial-gradient(circle,transparent 0 61%,#000 62% 73%,transparent 74%);filter:drop-shadow(0 4px 8px rgba(8,199,160,.18))}.productivity-gauge-small-value{position:absolute;left:0;right:0;bottom:2px;text-align:center;z-index:5}.productivity-gauge-small:before{content:"";position:absolute;width:2px;height:62px;left:50%;bottom:0;transform-origin:50% 100%;transform:translate(-50%) rotate(66deg);background:linear-gradient(to top,#111827 0% 75%,#08c7a0);border-radius:999px;z-index:4;box-shadow:0 2px 5px #0000002e}.productivity-gauge-small:after{content:"";position:absolute;width:11px;height:11px;left:50%;bottom:-1px;transform:translate(-50%);background:#111827;border:3px solid #ffffff;border-radius:50%;z-index:6;box-shadow:0 2px 7px #0003}.productivity-gauge-small-value .fw-bold{animation:productivityValuePulse 2.5s ease-in-out infinite}@keyframes productivityValuePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.productivity-gauge-small{transition:transform .35s ease,filter .35s ease}.productivity-gauge-small:hover{transform:scale(1.04)}@media(max-width:1399px){.productivity-gauge-small{--gauge-size: 155px}}@media(max-width:1199px){.productivity-gauge-small{--gauge-size: 170px}}.attendance-time-input,.attendance-time-input *{box-sizing:border-box}.row>[class*=col-]{min-width:0}.attendance-time-input{display:block;width:100%;max-width:100%;min-width:0;height:42px}.row .form-label{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.row [data-provider=timepickr],.row .flatpickr-wrapper{max-width:100%}@media(max-width:1199.98px){.row>[class*=col-]{flex-shrink:0}}.time-field{min-width:0}.time-field .form-label{display:block;margin-bottom:9px;font-size:13px;font-weight:600;letter-spacing:.2px;color:var(--bs-body-color)}.time-input-wrapper{width:100%;min-width:0;border:1px solid var(--bs-border-color);border-radius:10px;background:var(--bs-tertiary-bg);transition:border-color .2s ease,box-shadow .2s ease}.time-input-wrapper:focus-within{border-color:#5b8def;box-shadow:0 0 0 3px #5b8def24}.time-input-wrapper .attendance-time-input{display:block;width:100%;max-width:100%;min-width:0;height:46px;padding:10px 14px;border:none;outline:none;border-radius:10px;background:transparent;color:var(--bs-body-color);box-shadow:none;box-sizing:border-box}.time-input-wrapper .attendance-time-input:focus{border:none;box-shadow:none;background:transparent}.time-input-wrapper .attendance-time-input::placeholder{color:var(--bs-secondary-color);opacity:.8}.time-input-wrapper.grace-wrapper{background:var(--bs-secondary-bg);border-style:dashed}.time-input-wrapper .attendance-time-input:disabled{cursor:not-allowed;opacity:.7}@media(max-width:575.98px){.time-field .form-label{font-size:12px}}.sidenav-menu.sidebar-dark-theme{--sidebar-bg: #111827;--sidebar-surface: #1f2937;--sidebar-hover: #273449;--sidebar-border: #374151;--sidebar-text: #e5e7eb;--sidebar-muted: #9ca3af;--sidebar-active: #312e81;background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;color-scheme:dark}.sidenav-menu.sidebar-dark-theme .sidebar-profile-card,.sidenav-menu.sidebar-dark-theme .sidebar-departments,.sidenav-menu.sidebar-dark-theme .sidebar-department-toggle,.sidenav-menu.sidebar-dark-theme .sidebar-footer{background:var(--sidebar-surface)!important;color:var(--sidebar-text)!important;border-color:var(--sidebar-border)!important}.sidenav-menu.sidebar-dark-theme .sidebar-profile-card .card-body{background:transparent!important}.sidenav-menu.sidebar-dark-theme .sidebar-avatar{background:#312e81!important;color:#c4b5fd!important}.sidenav-menu.sidebar-dark-theme .text-body{color:var(--sidebar-text)!important}.sidenav-menu.sidebar-dark-theme .text-secondary,.sidenav-menu.sidebar-dark-theme .sidebar-section-title{color:var(--sidebar-muted)!important}.sidenav-menu.sidebar-dark-theme .sidebar-department-toggle:hover,.sidenav-menu.sidebar-dark-theme .sidebar-department-toggle:focus,.sidenav-menu.sidebar-dark-theme .sidebar-dark-link:hover{background:var(--sidebar-hover)!important;color:#fff!important}.sidenav-menu.sidebar-dark-theme .side-nav-link{color:var(--sidebar-text)}.sidenav-menu.sidebar-dark-theme .side-nav-link.active,.sidenav-menu.sidebar-dark-theme .side-nav-link.submenu-active,.sidenav-menu.sidebar-dark-theme .side-nav-link.parent-active{background:var(--sidebar-active)!important;color:#fff!important}.sidenav-menu.sidebar-dark-theme .sidebar-scroll{background:var(--sidebar-bg)!important}.sidenav-menu.sidebar-dark-theme .sidebar-logo-wrapper,.sidenav-menu.sidebar-dark-theme .sidebar-footer,.sidenav-menu.sidebar-dark-theme .sidebar-department-item,.sidenav-menu.sidebar-dark-theme .sidebar-submenu ul{border-color:var(--sidebar-border)!important}@media(max-width:991.98px){.sidenav-menu.sidebar-dark-theme,.sidenav-menu.sidebar-dark-theme .sidebar-scroll,.sidenav-menu.sidebar-dark-theme .sidebar-submenu,.sidenav-menu.sidebar-dark-theme .collapse,.sidenav-menu.sidebar-dark-theme .collapsing{background-color:var(--sidebar-bg)!important;color:var(--sidebar-text)!important}.sidenav-menu.sidebar-dark-theme .sidebar-profile-card,.sidenav-menu.sidebar-dark-theme .sidebar-departments,.sidenav-menu.sidebar-dark-theme .sidebar-department-toggle,.sidenav-menu.sidebar-dark-theme .sidebar-footer{background-color:var(--sidebar-surface)!important}}.mk-status-rectangle{display:inline-flex;align-items:center;justify-content:center;min-width:85px;padding:5px 11px;border-radius:5px;border:1px solid currentColor;font-size:10px;font-weight:800;line-height:1.3;text-align:center;white-space:nowrap}.ethqan-launch-screen{position:fixed;inset:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;animation:ethqanScreenIn .7s ease-out forwards}.ethqan-bg-glow,.ethqan-grid{display:none}.ethqan-launch-content{position:relative;display:flex;flex-direction:column;align-items:center;transform:translateY(25px) scale(.92);opacity:0;animation:ethqanContentIn .9s cubic-bezier(.16,1,.3,1) forwards}.ethqan-logo-stage{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.ethqan-logo-tile{position:relative;width:105px;height:105px;display:flex;align-items:center;justify-content:center;border-radius:26px;overflow:hidden;background:transparent;box-shadow:none;z-index:10;filter:drop-shadow(0 0 7px rgba(255,255,255,.28)) drop-shadow(0 0 18px rgba(255,255,255,.12));animation:ethqanLogoFloat 3s ease-in-out infinite,ethqanLogoPulse 2.4s ease-in-out infinite}.ethqan-logo-tile img{width:100%;height:100%;object-fit:contain;display:block;background:transparent;animation:ethqanLogoRotateIn 1.1s cubic-bezier(.16,1,.3,1) forwards}.ethqan-logo-shine{position:absolute;top:-60%;left:-120%;width:55%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(25deg);pointer-events:none;animation:ethqanShine 2.2s ease-in-out infinite}.ethqan-orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(255,255,255,.28);transform:translate(-50%,-50%);pointer-events:none}.ethqan-orbit-one{width:175px;height:175px;border-top-color:#fffc;border-right-color:transparent;animation:ethqanOrbitRotate 5s linear infinite}.ethqan-orbit-two{width:145px;height:145px;border-bottom-color:#ffffffa6;border-left-color:transparent;animation:ethqanOrbitRotateReverse 3.8s linear infinite}.ethqan-orbit-three{width:125px;height:125px;border-top-color:#ffffff73;border-right-color:transparent;animation:ethqanOrbitRotate 2.8s linear infinite}.ethqan-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffffe6,0 0 18px #ffffff80;z-index:20}.ethqan-particle-one{top:8px;left:50%;animation:ethqanParticleOne 2.8s ease-in-out infinite}.ethqan-particle-two{right:10px;top:50%;animation:ethqanParticleTwo 3.2s ease-in-out infinite}.ethqan-particle-three{bottom:8px;left:50%;animation:ethqanParticleThree 3s ease-in-out infinite}.ethqan-particle-four{left:10px;top:50%;animation:ethqanParticleFour 3.4s ease-in-out infinite}.ethqan-branding{margin-top:18px;text-align:center;opacity:0;transform:translateY(15px);animation:ethqanBrandIn .9s cubic-bezier(.16,1,.3,1) .35s forwards}.ethqan-launch-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;letter-spacing:8px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.35),0 0 25px rgba(255,255,255,.15)}.ethqan-title-line{width:0;height:2px;margin:9px auto 8px;border-radius:10px;background:#ffffffd9;animation:ethqanLineGrow .8s ease-out .8s forwards}.ethqan-launch-subtitle{font-family:Poppins,sans-serif;font-size:9px;font-weight:500;letter-spacing:3px;color:#ffffffbf;animation:ethqanSubtitlePulse 2s ease-in-out infinite}.ethqan-loading-section{width:220px;margin-top:25px;text-align:center;opacity:0;animation:ethqanLoadingIn .8s ease-out .8s forwards}.ethqan-loading-track{width:100%;height:3px;overflow:hidden;border-radius:20px;background:#ffffff26;box-shadow:0 0 10px #ffffff14}.ethqan-loading-progress{width:0%;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 8px #fffc,0 0 20px #ffffff59;animation:ethqanProgress 2.15s cubic-bezier(.4,0,.2,1) .15s forwards}.ethqan-loading-text{margin-top:10px;font-family:Poppins,sans-serif;font-size:8px;font-weight:500;letter-spacing:2px;color:#fff9;animation:ethqanTextBlink 1.2s ease-in-out infinite}.ethqan-launch-footer{position:fixed;bottom:25px;left:50%;transform:translate(-50%);font-family:Poppins,sans-serif;font-size:8px;font-weight:500;letter-spacing:3px;color:#ffffff73;opacity:0;animation:ethqanFooterIn 1s ease-out 1s forwards}.ethqan-attendance-overlay{position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100vh!important;height:100dvh!important;padding:20px!important;box-sizing:border-box!important;background:radial-gradient(circle at 50% 40%,rgba(68,91,160,.2),transparent 65%),#050c1cd6!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);visibility:visible!important;opacity:1!important;pointer-events:auto!important;overflow-x:hidden!important;overflow-y:auto!important;animation:ethqanOverlayEntrance .3s ease-out both}.ethqan-attendance-modal{position:relative!important;isolation:isolate;display:block!important;width:100%!important;max-width:540px!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;overflow-x:hidden!important;overflow-y:auto!important;flex-shrink:0!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:25px!important;background:linear-gradient(145deg,#fff,#fdfdff 55%,#f3f6ff)!important;box-shadow:0 35px 90px #00000061,0 15px 35px #3048962e,0 0 25px #698cff1f!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;animation:ethqanModalEntrance .5s cubic-bezier(.2,.8,.2,1) both,ethqanModalGlow 5s ease-in-out .5s infinite}.ethqan-attendance-modal:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#fff,#7295ff,#fff,#b3a0ff,#fff);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;animation:ethqanModalBorderShine 6s ease infinite}.ethqan-attendance-modal:after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.55) 50%,rgba(190,210,255,.18) 60%,transparent 100%);transform:skew(-20deg);pointer-events:none;z-index:1;animation:ethqanModalLightSweep 7s ease-in-out infinite}.ethqan-attendance-modal>*{position:relative;z-index:2}.ethqan-top-accent{height:4px;background:linear-gradient(90deg,#182d70,#5478ed,#a5b9ff,#5478ed,#182d70);background-size:200% 100%;animation:ethqanAccentFlow 4s linear infinite}@media(max-width:576px){.ethqan-attendance-overlay{padding:12px!important}.ethqan-attendance-modal{max-width:100%!important;max-height:calc(100dvh - 24px)!important;border-radius:19px!important}}@media(max-height:650px){.ethqan-attendance-overlay{align-items:flex-start!important}.ethqan-attendance-modal{margin-top:0!important;margin-bottom:0!important}}.ethqan-employee-card{--ethqan-purple: #6657e8;--ethqan-blue: #315caa;--ethqan-teal: #13a99c;position:relative;isolation:isolate;width:100%;margin:22px 0;padding:2px;overflow:hidden;border-radius:23px;background:linear-gradient(125deg,#315caa,#7865f5,#13a99c,#315caa,#7865f5);background-size:350% 350%;animation:ethqanGradientFlow 7s ease infinite,ethqanEmployeeCardEntrance .75s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 12px 35px #31418221,0 4px 12px #6657e814}.ethqan-employee-card-inner{position:relative;z-index:2;display:flex;align-items:center;gap:19px;min-height:145px;padding:23px;overflow:hidden;border-radius:21px;background:linear-gradient(120deg,#fff,#f9faff 55%,#f0f4ff)}.ethqan-card-glow{position:absolute;z-index:0;width:180px;height:180px;border-radius:50%;filter:blur(45px);pointer-events:none}.ethqan-glow-one{top:-110px;right:-30px;background:#6856f552;animation:ethqanGlowOne 5s ease-in-out infinite alternate}.ethqan-glow-two{bottom:-140px;left:25%;background:#13a99c33;animation:ethqanGlowTwo 6s ease-in-out infinite alternate}.ethqan-card-light-sweep{position:absolute;z-index:3;top:-100%;left:-60%;width:35%;height:300%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:rotate(25deg);animation:ethqanEmployeeLightSweep 6s ease-in-out infinite}.ethqan-employee-photo-wrap{position:relative;z-index:4;display:grid;place-items:center;flex-shrink:0;width:96px;height:96px;animation:ethqanPhotoFloat 4s ease-in-out infinite}.ethqan-photo-core{position:relative;z-index:3;display:grid;place-items:center;width:78px;height:78px;padding:4px;border-radius:50%;background:#fff;box-shadow:0 7px 22px #23305a2e,0 0 0 1px #6557e814}.ethqan-photo-core img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#edf0f8}.ethqan-photo-ring{position:absolute;border-radius:50%;pointer-events:none}.ethqan-ring-one{inset:0;border:2px solid transparent;border-top-color:#6657e8;border-right-color:#13a99c;animation:ethqanRotateClockwise 5s linear infinite}.ethqan-ring-two{inset:7px;border:1px dashed rgba(102,87,232,.42);animation:ethqanRotateCounter 12s linear infinite}.ethqan-photo-online{position:absolute;z-index:5;right:4px;bottom:7px;display:grid;place-items:center;width:19px;height:19px;border:3px solid #ffffff;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9811f;animation:ethqanOnlinePulse 2s ease-in-out infinite}.ethqan-photo-online span{width:5px;height:5px;border-radius:50%;background:#fff}.ethqan-employee-info{position:relative;z-index:4;flex:1;min-width:0}.ethqan-employee-label{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#777e98;font-size:9px;font-weight:800;letter-spacing:1.7px}.ethqan-label-dot{width:7px;height:7px;border-radius:50%;background:#6657e8;box-shadow:0 0 0 4px #6657e81a;animation:ethqanDotPulse 2s ease-in-out infinite}.ethqan-employee-info h4{margin:0 0 7px;color:#18233e;font-size:19px;font-weight:800;letter-spacing:-.5px;line-height:1.3;overflow-wrap:anywhere}.ethqan-employee-id{display:flex;align-items:center;gap:7px;margin:0;color:#778097;font-size:12px;font-weight:600}.ethqan-employee-id i{color:#6657e8;font-size:14px}.ethqan-verified-label{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:6px 11px;border:1px solid rgba(16,185,129,.12);border-radius:30px;color:#16866a;background:linear-gradient(135deg,#e8faf3,#f2fcf8);font-size:10px;font-weight:800;animation:ethqanBadgeEntrance .8s .3s both}.ethqan-verified-label i{font-size:12px}.ethqan-card-watermark{position:absolute;right:24px;bottom:4px;z-index:1;color:#6657e80e;font-size:100px;line-height:1;pointer-events:none;animation:ethqanWatermarkFloat 6s ease-in-out infinite}.ethqan-card-corner{position:absolute;top:17px;right:20px;z-index:4;color:#6657e859;font-size:19px}.ethqan-premium-header{padding:24px 28px 18px}.ethqan-header-brand{display:flex;align-items:center;gap:11px}.ethqan-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#263e87,#6657e8);box-shadow:0 5px 15px #4650aa38;font-size:18px}.ethqan-brand-name{color:#18233e;font-size:17px;font-weight:900;letter-spacing:2px}.ethqan-brand-caption{color:#8991a6;font-size:8px;font-weight:700;letter-spacing:1.2px}.ethqan-secure-label{display:flex;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;border-radius:30px;color:#16866a;background:#eafaf3;font-size:9px;font-weight:800;letter-spacing:1px}.ethqan-secure-label span,.ethqan-status-live span{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9811f}.ethqan-header-title{margin-top:25px}.ethqan-eyebrow{color:#6657e8;font-size:9px;font-weight:800;letter-spacing:1.8px}.ethqan-header-title h2{margin:8px 0;color:#17213a;font-size:25px;font-weight:800;letter-spacing:-.7px}.ethqan-header-title p{margin:0;color:#778097;font-size:12px;line-height:1.7}.ethqan-identity-section{padding:0 28px}.ethqan-status-card{display:flex;align-items:center;gap:12px;margin-top:18px;padding:13px;border:1px solid #f0e6d3;border-radius:14px;background:linear-gradient(120deg,#fffaf0,#fffdf8)}.ethqan-status-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;color:#d28a24;background:#fff0d5;font-size:17px}.ethqan-status-description{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ethqan-status-description strong{color:#57432a;font-size:12px;font-weight:800}.ethqan-status-description span{color:#927c5d;font-size:10px;line-height:1.5}.ethqan-status-live{display:flex;align-items:center;gap:6px;flex-shrink:0;color:#bd862c;font-size:9px;font-weight:800;letter-spacing:.5px}.ethqan-info-text{display:flex;align-items:flex-start;gap:9px;margin-top:15px;color:#8991a6;font-size:10px;line-height:1.6}.ethqan-info-text i{flex-shrink:0;color:#6657e8;font-size:14px}.ethqan-processing{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;padding:12px;border-radius:10px;color:#315caa;background:#eef3ff;font-size:11px;font-weight:700}.ethqan-error{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;border:1px solid #fecaca;border-radius:10px;color:#b42318;background:#fff1f0;font-size:11px;line-height:1.5}.ethqan-error i{flex-shrink:0;margin-top:1px}.ethqan-actions{display:flex;gap:12px;padding:23px 28px 18px}.ethqan-decline,.ethqan-confirm{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 16px;border-radius:12px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.ethqan-decline{flex:.85;border:1px solid #e7eaf1;color:#697386;background:#fff}.ethqan-confirm{flex:1.4;border:1px solid transparent;color:#fff;background:linear-gradient(120deg,#263e87,#6657e8);box-shadow:0 7px 18px #5254be33}.ethqan-decline:hover:not(:disabled){background:#f8f9fc;transform:translateY(-2px)}.ethqan-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #5254be4d}.ethqan-decline:disabled,.ethqan-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}.ethqan-arrow{margin-left:auto}.ethqan-premium-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 28px;border-top:1px solid #edf0f6;color:#929bad;font-size:9px;font-weight:600}.ethqan-premium-footer div{display:flex;align-items:center;gap:7px}.ethqan-premium-footer i{color:#6657e8;font-size:13px}.ethqan-premium-footer span{font-size:8px;font-weight:800;letter-spacing:1px}@keyframes ethqanScreenIn{0%{opacity:0}to{opacity:1}}@keyframes ethqanContentIn{0%{opacity:0;transform:translateY(30px) scale(.85)}60%{opacity:1;transform:translateY(-5px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ethqanLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ethqanLogoPulse{0%,to{filter:drop-shadow(0 0 7px rgba(255,255,255,.25)) drop-shadow(0 0 18px rgba(255,255,255,.1))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.55)) drop-shadow(0 0 30px rgba(255,255,255,.22))}}@keyframes ethqanLogoRotateIn{0%{opacity:0;transform:scale(.4) rotate(-20deg)}70%{opacity:1;transform:scale(1.08) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ethqanShine{0%{left:-120%}45%,to{left:160%}}@keyframes ethqanOrbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ethqanOrbitRotateReverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes ethqanParticleOne{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-12px) scale(1.5);opacity:1}}@keyframes ethqanParticleTwo{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(12px) scale(1.5);opacity:1}}@keyframes ethqanParticleThree{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(12px) scale(1.5);opacity:1}}@keyframes ethqanParticleFour{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(-12px) scale(1.5);opacity:1}}@keyframes ethqanBrandIn{0%{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ethqanLineGrow{0%{width:0;opacity:0}to{width:65px;opacity:1}}@keyframes ethqanSubtitlePulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes ethqanLoadingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ethqanProgress{0%{width:0%}20%{width:18%}50%{width:55%}75%{width:78%}92%{width:94%}to{width:100%}}@keyframes ethqanTextBlink{0%,to{opacity:.45}50%{opacity:1}}@keyframes ethqanFooterIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ethqanOverlayEntrance{0%{opacity:0}to{opacity:1}}@keyframes ethqanModalEntrance{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ethqanModalGlow{0%,to{box-shadow:0 35px 90px #00000061,0 15px 35px #3048962e,0 0 20px #698cff1a}50%{box-shadow:0 42px 100px #0000006b,0 20px 45px #30489640,0 0 35px #698cff38}}@keyframes ethqanModalBorderShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ethqanModalLightSweep{0%,15%{left:-80%;opacity:0}30%{opacity:.8}65%{left:140%;opacity:.5}to{left:140%;opacity:0}}@keyframes ethqanAccentFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes ethqanGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ethqanEmployeeCardEntrance{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ethqanPhotoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ethqanRotateClockwise{to{transform:rotate(360deg)}}@keyframes ethqanRotateCounter{to{transform:rotate(-360deg)}}@keyframes ethqanOnlinePulse{0%,to{box-shadow:0 0 0 3px #10b9811f}50%{box-shadow:0 0 0 8px #10b98108}}@keyframes ethqanDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes ethqanGlowOne{0%{transform:translate(0)}to{transform:translate(-30px,25px)}}@keyframes ethqanGlowTwo{0%{transform:translate(0)}to{transform:translate(35px,-20px)}}@keyframes ethqanEmployeeLightSweep{0%,20%{left:-60%}65%,to{left:130%}}@keyframes ethqanWatermarkFloat{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(5deg)}}@keyframes ethqanBadgeEntrance{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:576px){.ethqan-logo-stage{width:155px;height:155px}.ethqan-logo-tile{width:90px;height:90px;border-radius:22px}.ethqan-orbit-one{width:150px;height:150px}.ethqan-orbit-two{width:125px;height:125px}.ethqan-orbit-three{width:108px;height:108px}.ethqan-launch-title{font-size:23px;letter-spacing:6px}.ethqan-loading-section{width:190px}}@media(max-width:576px){.ethqan-employee-card{margin:16px 0;border-radius:19px}.ethqan-employee-card-inner{gap:13px;min-height:125px;padding:17px 13px;border-radius:17px}.ethqan-employee-photo-wrap{width:76px;height:76px}.ethqan-photo-core{width:63px;height:63px}.ethqan-employee-info h4{font-size:15px}.ethqan-employee-label{font-size:8px;letter-spacing:1px}.ethqan-employee-id{font-size:10px}.ethqan-verified-label{margin-top:8px;padding:5px 8px;font-size:9px}.ethqan-card-watermark{right:8px;font-size:65px}.ethqan-card-corner{top:10px;right:10px;font-size:15px}.ethqan-premium-header{padding:20px 18px 15px}.ethqan-identity-section{padding:0 18px}.ethqan-header-title{margin-top:20px}.ethqan-header-title h2{font-size:21px}.ethqan-actions{padding:18px 18px 15px;gap:8px}.ethqan-decline,.ethqan-confirm{padding:11px 9px;font-size:10px}.ethqan-premium-footer{padding:12px 18px;font-size:8px}}@media(max-width:360px){.ethqan-employee-card-inner{gap:10px;padding:14px 10px}.ethqan-employee-photo-wrap{width:65px;height:65px}.ethqan-photo-core{width:55px;height:55px}.ethqan-employee-info h4{font-size:14px}.ethqan-secure-label{padding:5px 7px;font-size:8px}.ethqan-status-live{font-size:8px}}@media(prefers-reduced-motion:reduce){.ethqan-launch-screen,.ethqan-launch-content,.ethqan-logo-tile,.ethqan-logo-tile img,.ethqan-logo-shine,.ethqan-orbit,.ethqan-particle,.ethqan-branding,.ethqan-title-line,.ethqan-launch-subtitle,.ethqan-loading-section,.ethqan-loading-progress,.ethqan-loading-text,.ethqan-launch-footer,.ethqan-attendance-overlay,.ethqan-attendance-modal,.ethqan-attendance-modal:before,.ethqan-attendance-modal:after,.ethqan-top-accent,.ethqan-employee-card,.ethqan-employee-card *,.ethqan-employee-card *:before,.ethqan-employee-card *:after{animation:none!important;transition:none!important}}html,body{overflow-x:hidden}.ethqan-attendance-portal-root .ethqan-attendance-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:20px!important;background:#050c1cd6!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow-x:hidden!important;overflow-y:auto!important;z-index:1!important;pointer-events:auto!important}.ethqan-attendance-portal-root .ethqan-attendance-modal{position:relative!important;width:100%!important;max-width:540px!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;overflow-x:hidden!important;overflow-y:auto!important;flex-shrink:0!important;background:#fff!important;border-radius:25px!important;box-shadow:0 35px 90px #00000073,0 0 35px #698cff33!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2!important}@media(max-width:576px){.ethqan-attendance-portal-root .ethqan-attendance-overlay{padding:12px!important}.ethqan-attendance-portal-root .ethqan-attendance-modal{max-height:calc(100dvh - 24px)!important;border-radius:19px!important}}.ethqan-attendance-portal-root .ethqan-attendance-overlay{background:#03050ccc!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.ethqan-attendance-portal-root .ethqan-attendance-modal{color:#eef2ff!important;background:radial-gradient(circle at 50% 0%,rgba(102,87,232,.13),transparent 42%),linear-gradient(145deg,#171a26,#10121b 58%,#0d0f17)!important;border:1px solid rgba(148,163,184,.17)!important;border-radius:24px!important;box-shadow:0 32px 90px #000000b8,0 0 34px #6657e824,inset 0 1px #ffffff0b!important;animation:ethqanDarkModalEntrance .55s cubic-bezier(.16,1,.3,1) both,ethqanDarkModalFloat 4.5s ease-in-out .55s infinite!important}@keyframes ethqanDarkModalEntrance{0%{opacity:0;transform:translateY(38px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ethqanDarkModalFloat{0%,to{translate:0 0}50%{translate:0 -5px}}.ethqan-attendance-portal-root .ethqan-attendance-modal:before{content:"";position:absolute;z-index:10;top:0;left:12%;width:76%;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,#7965f5 35%,#13a99c 70%,transparent);pointer-events:none}.ethqan-attendance-portal-root .ethqan-premium-header{background:transparent!important}.ethqan-attendance-portal-root .ethqan-brand-name,.ethqan-attendance-portal-root .ethqan-header-title h2,.ethqan-attendance-portal-root .ethqan-employee-info h4{color:#f8fafc!important}.ethqan-attendance-portal-root .ethqan-brand-caption,.ethqan-attendance-portal-root .ethqan-header-title p,.ethqan-attendance-portal-root .ethqan-employee-id,.ethqan-attendance-portal-root .ethqan-info-text{color:#a1a1b5!important}.ethqan-attendance-portal-root .ethqan-eyebrow{color:#a99cff!important}.ethqan-attendance-portal-root .ethqan-employee-card-inner{background:linear-gradient(135deg,#202438,#171b2a 58%,#151e29)!important}.ethqan-attendance-portal-root .ethqan-employee-label{color:#aeb4ca!important}.ethqan-attendance-portal-root .ethqan-employee-id{color:#a1a1b5!important}.ethqan-attendance-portal-root .ethqan-photo-core{background:#252a3a!important;box-shadow:0 7px 22px #00000061,0 0 0 1px #a594ff2e!important}.ethqan-attendance-portal-root .ethqan-verified-label{color:#6ee7b7!important;background:#10b9811f!important;border-color:#10b9813d!important}.ethqan-attendance-portal-root .ethqan-secure-label{color:#6ee7b7!important;background:#10b9811f!important}.ethqan-attendance-portal-root .ethqan-status-card{background:#f59e0b13!important;border:1px solid rgba(245,158,11,.2)!important}.ethqan-attendance-portal-root .ethqan-status-description strong{color:#fcd34d!important}.ethqan-attendance-portal-root .ethqan-status-description span{color:#c5b9a5!important}.ethqan-attendance-portal-root .ethqan-status-symbol{color:#fbbf24!important;background:#f59e0b24!important}.ethqan-attendance-portal-root .ethqan-status-live{color:#fbbf24!important}.ethqan-attendance-portal-root .ethqan-info-text{color:#a1a1b5!important}.ethqan-attendance-portal-root .ethqan-info-text i{color:#a99cff!important}.ethqan-attendance-portal-root .ethqan-processing{color:#c4b5fd!important;background:#8b5cf621!important}.ethqan-attendance-portal-root .ethqan-error{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef444440!important}.ethqan-attendance-portal-root .ethqan-decline{color:#d1d5db!important;background:#252938!important;border:1px solid #3b4052!important}.ethqan-attendance-portal-root .ethqan-decline:hover:not(:disabled){color:#fff!important;background:#34394b!important}.ethqan-attendance-portal-root .ethqan-confirm{color:#fff!important;background:linear-gradient(110deg,#5546cf,#7965f5)!important;border:1px solid rgba(167,139,250,.35)!important;box-shadow:0 8px 24px #6657e840!important}.ethqan-attendance-portal-root .ethqan-confirm:hover:not(:disabled){box-shadow:0 12px 30px #6657e866!important}.ethqan-attendance-portal-root .ethqan-premium-footer{color:#858b9c!important;background:#0d0f16!important;border-top:1px solid rgba(148,163,184,.12)!important}.ethqan-attendance-portal-root .ethqan-premium-footer i{color:#a99cff!important}.ethqan-attendance-portal-root{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;isolation:isolate!important;pointer-events:auto!important;overflow:visible!important}.ethqan-attendance-portal-root .ethqan-attendance-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:20px!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:1!important;pointer-events:auto!important}.ethqan-attendance-portal-root .ethqan-attendance-modal{position:relative!important;width:100%!important;max-width:540px!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;overflow-x:hidden!important;overflow-y:auto!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2!important}.ethqan-attendance-portal-root button{position:relative;z-index:5;pointer-events:auto}@media(max-width:576px){.ethqan-attendance-portal-root .ethqan-attendance-overlay{padding:12px!important}.ethqan-attendance-portal-root .ethqan-attendance-modal{max-height:calc(100dvh - 24px)!important;border-radius:20px!important}}@media(prefers-reduced-motion:reduce){.ethqan-attendance-portal-root .ethqan-attendance-modal{animation:none!important;translate:none!important}}@keyframes salaryMetricEnter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes salaryMetricGlow{0%,to{opacity:.35}50%{opacity:.75}}@keyframes salaryMetricIcon{0%{transform:scale(.88)}to{transform:scale(1)}}.salary-metrics{--sm-text: #edf4ff;--sm-muted: #91a1b8;--sm-border: rgba(148, 163, 184, .15)}.salary-metrics .row{--bs-gutter-x: .8rem;--bs-gutter-y: .8rem}.salary-metrics .metric-item{animation:salaryMetricEnter .48s cubic-bezier(.2,.7,.2,1) both}.salary-metrics .metric-item:nth-child(1){animation-delay:.03s}.salary-metrics .metric-item:nth-child(2){animation-delay:.08s}.salary-metrics .metric-item:nth-child(3){animation-delay:.13s}.salary-metrics .metric-item:nth-child(4){animation-delay:.18s}.salary-metrics .metric-item:nth-child(5){animation-delay:.23s}.salary-metrics .metric-item:nth-child(6){animation-delay:.28s}.salary-metrics .metric-card{--metric-color: #66caff;--metric-rgb: 56, 189, 248;position:relative;isolation:isolate;overflow:hidden;min-height:133px;border-radius:17px!important;border:1px solid var(--sm-border)!important;background:linear-gradient(145deg,#131e2e,#0c1421)!important;box-shadow:0 7px 22px #0000002b;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.salary-metrics .metric-card:before{content:"";position:absolute;z-index:-1;top:0;left:17px;right:17px;height:2px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,transparent,var(--metric-color),transparent);opacity:.65}.salary-metrics .metric-card:after{content:"";position:absolute;z-index:-1;top:-43px;right:-40px;width:115px;height:115px;border-radius:50%;background:rgba(var(--metric-rgb),.1);filter:blur(17px);pointer-events:none;animation:salaryMetricGlow 5s ease-in-out infinite}.salary-metrics .metric-card:hover{transform:translateY(-4px);border-color:rgba(var(--metric-rgb),.42)!important;box-shadow:0 13px 27px #0000003b,0 0 17px rgba(var(--metric-rgb),.045)}.salary-metrics .metric-monthly{--metric-color: #65caff;--metric-rgb: 56, 189, 248}.salary-metrics .metric-overtime{--metric-color: #fbbf65;--metric-rgb: 251, 191, 36}.salary-metrics .metric-hourtoken{--metric-color: #c0a4ff;--metric-rgb: 167, 139, 250}.salary-metrics .metric-deduction{--metric-color: #ff8299;--metric-rgb: 251, 113, 133}.salary-metrics .metric-performance{--metric-color: #49dfad;--metric-rgb: 52, 211, 153}.salary-metrics .metric-final{--metric-color: #54efbd;--metric-rgb: 52, 230, 170;border-color:#34e6aa47!important;background:linear-gradient(145deg,#123027,#101d27 56%,#0d1723)!important}.salary-metrics .metric-card .card-body{display:flex;flex-direction:column;justify-content:space-between;padding:15px!important;min-width:0;gap:13px}.salary-metrics .metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;min-width:0}.salary-metrics .metric-copy{flex:1;min-width:0}.salary-metrics .metric-label{display:block;color:var(--sm-muted);font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.2px;min-height:15px}.salary-metrics .metric-value{display:block;margin:9px 0 0;color:var(--metric-color);font-size:clamp(17px,1.3vw,23px);line-height:1.2;font-weight:800;letter-spacing:-.65px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.salary-metrics .metric-icon{width:39px;height:39px;min-width:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--metric-color);background:rgba(var(--metric-rgb),.1);border:1px solid rgba(var(--metric-rgb),.24);box-shadow:inset 0 0 12px rgba(var(--metric-rgb),.035);font-size:16px;animation:salaryMetricIcon .45s ease-out both;transition:transform .25s ease,box-shadow .25s ease}.salary-metrics .metric-card:hover .metric-icon{transform:rotate(-7deg) scale(1.07);box-shadow:0 0 15px rgba(var(--metric-rgb),.12)}.salary-metrics .metric-footer{display:flex;align-items:center;gap:7px;padding-top:9px;border-top:1px solid rgba(148,163,184,.1);color:#8192aa;font-size:9px;line-height:1.4}.salary-metrics .metric-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--metric-color);box-shadow:0 0 7px rgba(var(--metric-rgb),.35)}.salary-metrics .metric-final-label{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.salary-metrics .metric-final-label .metric-label{color:#b5e9d9;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.salary-metrics .metric-final-badge{padding:3px 6px;border:1px solid rgba(52,230,170,.25);border-radius:20px;color:#58e7b5;background:#34e6aa17;font-size:8px;font-weight:850;letter-spacing:.6px}.salary-metrics .metric-final .metric-value{color:#65efbd;font-size:clamp(19px,1.55vw,26px)}.salary-metrics .metric-clickable{cursor:pointer}.salary-metrics .metric-clickable:focus-visible{outline:2px solid #ff8299;outline-offset:3px}@media(max-width:575.98px){.salary-metrics .metric-card{min-height:118px;border-radius:14px!important}.salary-metrics .metric-card .card-body{padding:13px!important;gap:10px}.salary-metrics .metric-value{font-size:clamp(17px,5vw,23px)}.salary-metrics .metric-icon{width:35px;height:35px;min-width:35px;font-size:14px}}@media(prefers-reduced-motion:reduce){.salary-metrics *,.salary-metrics *:before,.salary-metrics *:after{animation:none!important;transition:none!important}}.transition-transform{transition:transform .3s ease}.rotate-180{transform:rotate(180deg)}.salary-filter-container{overflow:visible;position:relative;z-index:100}.es-dashboard{--es-bg: #101016;--es-panel: #17171f;--es-panel-hover: #20202b;--es-border: rgba(255,255,255,.075);--es-muted: #9292a5;--es-text: #f4f4fa;--es-purple: #9b7aff;--es-radius: 15px;width:100%;padding:19px;margin:18px 0;border-radius:19px;color:var(--es-text);background:radial-gradient(circle at 100% 0%,rgba(126,87,255,.1),transparent 35%),var(--es-bg);border:1px solid var(--es-border);box-shadow:0 12px 35px #0000002b}.es-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.es-heading{display:flex;align-items:center;gap:12px}.es-heading-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#b69cff;font-size:20px;background:linear-gradient(135deg,#9b7aff38,#9b7aff0f);border:1px solid rgba(155,122,255,.2)}.es-eyebrow{color:#a58aff;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:3px}.es-heading h5{color:#fff;font-size:17px;font-weight:750;margin:0}.es-heading p{color:var(--es-muted);font-size:11px;margin:4px 0 0}.es-explorer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:10px;color:#c4b1ff;background:#9b7aff1a;border:1px solid rgba(155,122,255,.25);font-size:11px;font-weight:700;transition:.25s ease}.es-explorer-btn:hover{color:#fff;background:#7954df;border-color:#7954df;transform:translateY(-2px)}.es-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:19px}.es-summary-card{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 11px;border-radius:13px;background:var(--es-panel);border:1px solid var(--es-border);transition:transform .25s ease,border-color .25s ease}.es-summary-card:hover{transform:translateY(-3px);border-color:#9b7aff59}.es-summary-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:16px}.es-summary-card span{display:block;color:var(--es-muted);font-size:9px;font-weight:600;white-space:nowrap}.es-summary-card strong{display:block;color:#fff;font-size:23px;line-height:1.3;font-weight:800;font-variant-numeric:tabular-nums}.es-summary-total .es-summary-icon{color:#b69cff;background:#9b7aff21}.es-summary-working .es-summary-icon{color:#4ade80;background:#4ade801f}.es-summary-break .es-summary-icon{color:#fbbf24;background:#fbbf241f}.es-summary-late .es-summary-icon{color:#fb7185;background:#fb71851f}.es-summary-leave .es-summary-icon{color:#f87171;background:#f871711f}.es-summary-absent .es-summary-icon{color:#a1a1aa;background:#a1a1aa1f}.es-toolbar{padding:11px 0;border-top:1px solid var(--es-border);border-bottom:1px solid var(--es-border)}.es-filter-scroll{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin;scrollbar-color:#49415f transparent}.es-filter-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;border:1px solid var(--es-border);color:#b7b7c7;background:#191921;font-size:10px;font-weight:650;transition:.2s ease}.es-filter-btn>i{font-size:12px}.es-filter-btn>span{min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#c5b1ff;background:#9b7aff1f;font-size:9px}.es-filter-btn:hover{color:#fff;border-color:#9b7aff73}.es-filter-btn.active{color:#fff;background:linear-gradient(135deg,#7651d9,#9c76f5);border-color:transparent;box-shadow:0 4px 15px #825be638}.es-filter-btn.active>span{color:#fff;background:#ffffff2e}.es-controls{display:flex;align-items:center;gap:9px;margin:16px 0}.es-search{flex:1;min-width:180px;height:39px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:9px;background:#191921;border:1px solid var(--es-border);color:#aaa}.es-search:focus-within{border-color:#9271ec;box-shadow:0 0 0 3px #9b7aff14}.es-search input{width:100%;min-width:0;color:#fff;background:transparent;border:0;outline:0;font-size:11px}.es-search input::placeholder{color:#777787}.es-search button{color:#aaa;border:0;background:transparent}.es-select{height:39px;max-width:180px;min-width:125px;padding:0 28px 0 10px;border-radius:9px;color:#d7d7e0;background-color:#191921;border:1px solid var(--es-border);font-size:10px;outline:none}.es-select option{color:#fff;background:#191921}.es-view-toggle{display:flex;flex-shrink:0;padding:3px;border-radius:9px;background:#191921;border:1px solid var(--es-border)}.es-view-toggle button{width:32px;height:29px;border:0;border-radius:6px;color:#88889a;background:transparent}.es-view-toggle button.active{color:#fff;background:#7854d8}.es-results-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.es-results-header h6{margin:0 0 3px;color:#fff;font-size:12px;font-weight:750}.es-results-header span{color:var(--es-muted);font-size:10px}.es-results-date{display:flex;align-items:center;gap:6px}.es-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--es-border);border-radius:12px;background:#15151d}.es-table{width:100%;min-width:700px;margin:0;border-collapse:separate;border-spacing:0;color:#dddde7;font-size:11px}.es-table thead th{padding:13px 12px;color:#aaa5bc;background:#20202a;border-bottom:1px solid var(--es-border);font-size:9px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.es-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.045);vertical-align:middle;white-space:nowrap}.es-table tbody tr{cursor:pointer;transition:background .2s ease}.es-table tbody tr:hover{background:#9b7aff12}.es-table tbody tr:last-child td{border-bottom:0}.es-table-employee{display:flex;align-items:center;gap:10px}.es-table-employee strong{display:block;color:#f5f5fa;font-size:11px}.es-table-employee span{display:block;margin-top:3px;color:#8e8e9e;font-size:9px}.es-row-arrow{color:#777}.es-avatar{width:43px;height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;color:#d0bdff;background:linear-gradient(135deg,#9b7aff47,#5e459b26);border:1px solid rgba(155,122,255,.19);font-size:12px;font-weight:800}.es-avatar img{width:100%;height:100%;object-fit:cover}.es-avatar-small{width:34px;height:34px;border-radius:10px;font-size:10px}.es-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;font-size:9px;font-weight:750;white-space:nowrap}.es-status i{font-size:10px}.es-success{color:#4ade80;background:#4ade801c}.es-warning{color:#fbbf24;background:#fbbf241f}.es-danger{color:#fb7185;background:#fb71851f}.es-secondary{color:#aaaab9;background:#a1a1aa1f}.es-info{color:#67d5f5;background:#67d5f51f}.es-late-label{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#fb7185;font-size:9px;font-weight:700}.es-work-type{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:700}.es-muted{color:#858596}.es-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.es-employee-card{position:relative;min-width:0;padding:14px;border-radius:13px;background:#191921;border:1px solid var(--es-border);cursor:pointer;transition:.25s ease;animation:esFadeIn .3s ease both}.es-employee-card:hover{background:#20202a;border-color:#9b7aff66;transform:translateY(-3px);box-shadow:0 9px 22px #0003}.es-employee-main{display:flex;align-items:center;gap:10px;min-width:0}.es-employee-info{min-width:0}.es-employee-name{overflow:hidden;color:#fff;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.es-employee-department{overflow:hidden;margin-top:4px;color:#9292a5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.es-employee-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:15px}.es-employee-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid var(--es-border)}.es-employee-meta span{display:block;color:#858596;font-size:8px;font-weight:750;letter-spacing:.6px}.es-employee-meta strong{display:block;margin-top:5px;color:#e5e5ed;font-size:10px}.es-employee-arrow{position:absolute;top:18px;right:14px;color:#777;font-size:11px}.es-empty{padding:42px 15px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:13px;background:#17171f}.es-empty>div{width:47px;height:47px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border-radius:14px;color:#b69cff;background:#9b7aff1f;font-size:20px}.es-empty h6{color:#fff;font-size:13px;font-weight:750}.es-empty p{color:#9090a0;font-size:10px}.es-empty button{margin-top:7px;padding:8px 14px;border-radius:8px;color:#d0bdff;background:#9b7aff1f;border:1px solid rgba(155,122,255,.25);font-size:10px;font-weight:700}@keyframes esFadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.es-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.es-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.es-dashboard{padding:13px;border-radius:14px}.es-header{align-items:flex-start;flex-direction:column}.es-explorer-btn{width:100%}.es-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.es-summary-card{padding:10px 8px;gap:8px}.es-summary-icon{width:31px;height:31px;font-size:14px}.es-summary-card span{font-size:8px}.es-summary-card strong{font-size:19px}.es-controls{flex-wrap:wrap}.es-search{flex-basis:100%}.es-select{flex:1;min-width:0;max-width:none}.es-results-date{font-size:9px!important}.es-grid{grid-template-columns:1fr}}@media(max-width:380px){.es-heading h5{font-size:15px}.es-summary-card{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.es-dashboard *,.es-dashboard *:before,.es-dashboard *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.es-badge-group,.es-table-status-group{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.es-attendance-type{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.35px;white-space:nowrap;border:1px solid transparent}.es-attendance-hourtoken{color:#f0bd55;background:#f0bd551f;border-color:#f0bd554d}.es-attendance-overtime{color:#65b8ff;background:#41a0ff1f;border-color:#41a0ff4d}.es-summary-hourtoken .es-summary-icon{color:#e8b84f;background:#e8b84f21}.es-summary-overtime .es-summary-icon{color:#55adff;background:#55adff21}.es-table-status-group{min-width:150px}.es-dashboard{animation:esDashboardEnter .75s cubic-bezier(.2,.8,.2,1) both;transform-origin:top center}@keyframes esDashboardEnter{0%{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.es-summary-card{position:relative;overflow:hidden;animation:esCardEntrance .65s cubic-bezier(.2,.8,.2,1) both;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.es-summary-card:nth-child(1){animation-delay:.08s}.es-summary-card:nth-child(2){animation-delay:.15s}.es-summary-card:nth-child(3){animation-delay:.22s}.es-summary-card:nth-child(4){animation-delay:.29s}.es-summary-card:nth-child(5){animation-delay:.36s}.es-summary-card:nth-child(6){animation-delay:.43s}.es-summary-card:nth-child(7){animation-delay:.5s}.es-summary-card:nth-child(8){animation-delay:.57s}@keyframes esCardEntrance{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.es-summary-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #0000002e}.es-summary-card:after{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg);pointer-events:none}.es-summary-card:hover:after{animation:esCardShine .8s ease}@keyframes esCardShine{to{left:150%}}.es-summary-icon{transition:transform .35s ease}.es-summary-card:hover .es-summary-icon{transform:scale(1.15) rotate(-8deg)}.es-filter-btn{position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}.es-filter-btn:hover{transform:translateY(-3px);box-shadow:0 7px 18px #00000029}.es-filter-btn:active{transform:scale(.96)}.es-filter-btn.active{animation:esFilterActive .35s ease both}@keyframes esFilterActive{0%{transform:scale(.95)}65%{transform:scale(1.04)}to{transform:scale(1)}}.es-filter-btn span{transition:transform .25s ease}.es-filter-btn:hover span{transform:scale(1.15)}.es-employee-card{animation:esEmployeeEnter .55s cubic-bezier(.2,.8,.2,1) both;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.es-employee-card:nth-child(1){animation-delay:.04s}.es-employee-card:nth-child(2){animation-delay:.08s}.es-employee-card:nth-child(3){animation-delay:.12s}.es-employee-card:nth-child(4){animation-delay:.16s}.es-employee-card:nth-child(5){animation-delay:.2s}.es-employee-card:nth-child(6){animation-delay:.24s}.es-employee-card:nth-child(7){animation-delay:.28s}.es-employee-card:nth-child(8){animation-delay:.32s}.es-employee-card:nth-child(n+9){animation-delay:.36s}@keyframes esEmployeeEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.es-employee-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #0003}.es-avatar{overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.es-avatar img{transition:transform .45s ease}.es-employee-card:hover .es-avatar{transform:scale(1.06);box-shadow:0 0 0 4px #8264ff21}.es-employee-card:hover .es-avatar img{transform:scale(1.12)}.es-status,.es-attendance-type{transition:transform .25s ease,box-shadow .25s ease}.es-employee-card:hover .es-status,.es-employee-card:hover .es-attendance-type{transform:translateY(-2px)}.es-status.es-success{animation:esWorkingPulse 2.8s ease-in-out infinite}@keyframes esWorkingPulse{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 4px #22c55e1a}}.es-attendance-hourtoken{animation:esHourTokenGlow 2.8s ease-in-out infinite}@keyframes esHourTokenGlow{0%,to{box-shadow:0 0 #f0bd5500}50%{box-shadow:0 0 12px #f0bd5533}}.es-attendance-overtime{animation:esOvertimeGlow 2.8s ease-in-out infinite}@keyframes esOvertimeGlow{0%,to{box-shadow:0 0 #41a0ff00}50%{box-shadow:0 0 12px #41a0ff38}}.es-table tbody tr{animation:esTableRowEnter .4s ease both;transition:background .25s ease,transform .25s ease}.es-table tbody tr:nth-child(1){animation-delay:.04s}.es-table tbody tr:nth-child(2){animation-delay:.08s}.es-table tbody tr:nth-child(3){animation-delay:.12s}.es-table tbody tr:nth-child(4){animation-delay:.16s}.es-table tbody tr:nth-child(5){animation-delay:.2s}.es-table tbody tr:nth-child(n+6){animation-delay:.24s}@keyframes esTableRowEnter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.es-table tbody tr:hover{transform:translate(3px)}.es-row-arrow{transition:transform .25s ease}.es-table tbody tr:hover .es-row-arrow{transform:translate(5px)}.es-search,.es-select{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.es-search:focus-within,.es-select:focus{transform:translateY(-2px);box-shadow:0 0 0 3px #8264ff21}.es-view-toggle button{transition:transform .25s ease,background .25s ease,color .25s ease}.es-view-toggle button:hover{transform:scale(1.12)}.es-view-toggle button:active{transform:scale(.92)}.es-heading-icon{transition:transform .35s ease}.es-heading:hover .es-heading-icon{transform:rotate(-8deg) scale(1.08)}.es-empty>div{animation:esEmptyFloat 3s ease-in-out infinite}@keyframes esEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.es-dashboard *,.es-dashboard *:before,.es-dashboard *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:768px){.es-summary-card:hover,.es-employee-card:hover,.es-table tbody tr:hover{transform:none}.es-employee-card{animation-duration:.4s}}.es-auto-logout-time{color:#f59e0b!important;font-weight:700}.es-auto-logout-time i{font-size:11px}