.mod-login{display:flex;justify-content:center;align-items:center;min-height:92vh;padding:24px 12px}.mod-login .login-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:38px 26px;width:100%;max-width:410px;text-align:center;box-shadow:0 14px 36px #0000000f;transition:background-color .3s,border-color .3s}.mod-login .icon-header{width:72px;height:72px;background:var(--input-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:2.2rem;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000008}.mod-login .login-title{font-size:1.65rem;font-weight:800;color:var(--primary);margin-top:0;margin-bottom:8px;letter-spacing:-.4px}.mod-login .login-sub{color:var(--text-muted);font-size:.95rem;font-weight:600;margin-bottom:28px}.mod-login .input-group{text-align:left;margin-bottom:18px}.mod-login label{display:block;margin-top:0;margin-bottom:6px;color:var(--primary);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.mod-login input{width:100%;margin-bottom:0;border-radius:14px;padding:14px 16px}.mod-login input.readonly-autofill{background-color:var(--input-bg)!important;color:var(--text-muted)!important;opacity:.85;cursor:not-allowed;font-weight:600}.mod-login .btn-submit{width:100%;border-radius:24px;padding:15px;font-size:1.05rem;font-weight:800;background-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(var(--primary-rgb),.25)}.mod-login .login-links-container{display:flex;flex-direction:column;gap:14px;margin-top:24px;width:100%}.mod-login .login-links-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.mod-login .login-links-grid{display:grid!important;grid-template-columns:1fr 1fr!important;row-gap:14px!important;column-gap:12px!important;margin-top:24px!important;width:100%}.mod-login .login-links-grid>*:nth-child(odd){text-align:left!important;justify-self:start}.mod-login .login-links-grid>*:nth-child(2n){text-align:right!important;justify-self:end}.mod-login .link-text{display:inline-block;margin-top:18px;font-size:.86rem;font-weight:700;color:var(--primary);cursor:pointer;text-decoration:underline;transition:opacity .2s,color .2s;white-space:nowrap}.mod-login .login-links-row .link-text,.mod-login .login-links-grid .link-text{margin-top:0!important}.mod-login .link-text:hover{opacity:.75}.mod-login .terms-box{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:18px;padding:18px 18px 18px 30px;max-height:290px;overflow-y:auto!important;-ms-overflow-style:auto!important;scrollbar-width:thin!important;text-align:left;margin-bottom:24px;box-shadow:inset 0 2px 8px #00000008}.mod-login .terms-box ul{margin:0;padding:0;display:flex;flex-direction:column;gap:14px;list-style-type:disc}.mod-login .terms-box li{font-size:.85rem;font-weight:600;line-height:1.45;color:var(--text-main)}.mod-login .terms-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.mod-login .btn-reject{background:var(--input-bg);color:var(--text-main);border:1.5px solid var(--border-color);border-radius:24px;padding:15px;font-size:1rem;font-weight:800;cursor:pointer}.mod-dashboard .dash-greeting{border-bottom:none;margin-bottom:6px;font-size:1.4rem;color:var(--text-main)}.mod-dashboard .dash-sub{color:var(--text-muted);margin-top:0;font-size:.95rem;font-weight:500}.mod-dashboard .dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.mod-dashboard .dash-btn{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);aspect-ratio:1.25;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .1s}.mod-dashboard .dash-btn:active{transform:scale(.96)}.mod-dashboard .dash-btn .icon{font-size:1.6rem}.mod-dashboard .dash-btn.btn-primary{background:var(--card-bg);color:var(--primary);border:2px solid var(--primary);font-weight:800;box-shadow:0 4px 16px rgba(var(--primary-rgb),.15)}.mod-dashboard .dash-btn.btn-outline{background:var(--card-bg);border:1.5px solid var(--primary);font-weight:700;color:var(--text-main)}.mod-dashboard .dash-btn.btn-alert{color:var(--danger);border:1.5px solid rgba(220,53,69,.4);position:relative}.mod-dashboard .dash-alert-badge{position:absolute;top:-8px;right:-8px;background:var(--danger);color:#fff;font-size:.8rem;font-weight:700;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.mod-entry{padding-bottom:110px!important;position:relative;min-height:100vh}.mod-entry #deptRadioContainer{display:flex;gap:12px;flex-wrap:wrap;padding:4px 0 12px;margin-bottom:20px}.mod-entry #deptRadioContainer label{display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s}.mod-entry #deptRadioContainer label:has(input:checked){border-color:var(--primary);background:rgba(var(--primary-rgb),.05);box-shadow:0 2px 8px rgba(var(--primary-rgb),.1);color:var(--primary)}.mod-entry #deptRadioContainer input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--primary);cursor:pointer}.mod-entry input.readonly{background-color:var(--background)!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important;cursor:not-allowed;font-weight:700;box-shadow:none!important}.mod-entry .entry-block{background:var(--background);border-radius:16px;padding:20px;margin-top:16px;border:1px solid transparent;position:relative}.mod-entry .section-header{margin-top:0;color:var(--primary);border-bottom:2px solid var(--border-color);padding-bottom:12px;font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:-.3px;margin-bottom:16px}.mod-entry .entry-label{font-size:.75rem;font-weight:800;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px;display:block;margin-top:0}.mod-entry .grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mod-entry .btn-secondary{margin-top:16px;background:#28a7451a;color:var(--success);border:1.5px solid rgba(40,167,69,.3);box-shadow:none;font-size:.95rem;width:100%;padding:12px;border-radius:8px;cursor:pointer}.mod-entry .btn-large{margin-top:8px;font-size:1.15rem;padding:18px;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2);width:100%;border:none;background:var(--primary);color:#fff;border-radius:12px;font-weight:800;cursor:pointer}.mod-entry .btn-cancel{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);width:100%;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.mod-entry .btn-submit{background:var(--primary);color:#fff;border:none;width:100%;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.mod-entry .preview-box{background:var(--input-bg);padding:12px;border-left:4px solid var(--primary);margin-bottom:10px;border-radius:6px}.mod-entry .mod-entry-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.mod-entry .mod-entry-overlay.active{display:flex}.mod-entry .mod-entry-modal{width:90%;max-width:400px}@media(max-width:768px){.mod-entry .grid-2-col{gap:8px}.mod-entry input[type=date],.mod-entry input[type=time],.mod-entry input[type=text],.mod-entry select,.mod-entry textarea{min-height:42px;font-size:16px;padding:8px 10px;width:100%;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-main)}.mod-entry .entry-block{padding:16px 12px;margin-top:12px}.mod-entry .btn-secondary{min-height:48px}}.mod-entry .section-header-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.mod-entry .header-actions{display:flex;gap:8px;margin-left:auto}.mod-entry .header-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--input-bg);transition:all .2s;border:1px solid var(--border-color)}.mod-entry .header-icon:active{transform:scale(.92)}.mod-entry .header-icon svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2;fill:none;transition:stroke .2s}.mod-entry .header-icon.danger:hover{background:#dc35451a;border-color:#dc35454d}.mod-entry .header-icon.danger:hover svg{stroke:var(--danger)}.mod-entry .header-icon.primary:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3)}.mod-entry .header-icon.primary:hover svg{stroke:var(--primary)}.mod-entry .spin svg{animation:modEntrySpin 1s linear infinite;stroke:var(--primary)}@keyframes modEntrySpin{to{transform:rotate(360deg)}}.mod-calendar{padding-bottom:110px!important;position:relative;min-height:100vh}.mod-calendar .cal-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mod-calendar .cal-module-title{margin:0;font-size:1.3rem;color:var(--text-main);font-weight:800}.mod-calendar .header-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--input-bg);transition:all .2s;border:1px solid var(--border-color);flex-shrink:0}.mod-calendar .header-icon:active{transform:scale(.92)}.mod-calendar .header-icon svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2;fill:none;transition:stroke .2s}.mod-calendar .header-icon.primary:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3)}.mod-calendar .header-icon.primary:hover svg{stroke:var(--primary)}.mod-calendar .header-icon.spin svg{animation:calSpinIcon 1s linear infinite;stroke:var(--primary)}@keyframes calSpinIcon{to{transform:rotate(360deg)}}.mod-calendar .cal-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:var(--input-bg);padding:6px;border-radius:16px;border:1px solid var(--border-color)}.mod-calendar .cal-controls h3{margin:0;font-size:1.15rem;color:var(--primary);font-weight:800;letter-spacing:-.3px}.mod-calendar .btn-cal-nav{width:auto;padding:10px 16px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:12px;font-weight:800;font-size:.9rem;box-shadow:0 2px 6px #00000008;margin:0;cursor:pointer}.mod-calendar .cal-main-card{padding:16px 12px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000005}.mod-calendar .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.mod-calendar .cal-days-header div{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;padding:8px 0;letter-spacing:.5px}.mod-calendar .cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border-radius:12px;border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s;padding:4px;position:relative;box-shadow:0 2px 4px #00000003}.mod-calendar .cal-day:active{transform:scale(.92);box-shadow:none}.mod-calendar .cal-day.empty{background:transparent;border-color:transparent;box-shadow:none;cursor:default;pointer-events:none}.mod-calendar .cal-day.no-data{opacity:.5;background:var(--card-bg);border-color:var(--border-color)}.mod-calendar .day-working{border-color:#87ceebcc;background:#87ceeb26}.mod-calendar .day-holiday{border-color:#daa52099;background:#daa5201a}.mod-calendar .day-setoff{border-color:#ff8c0099;background:#ff8c001a}.mod-calendar .day-leave{border-color:#ff696199;background:#ff69611a}.mod-calendar .date-badge{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-weight:800;font-size:.85rem;margin-bottom:2px}.mod-calendar .badge-yes{background-color:#198754;color:#fff;box-shadow:0 2px 5px #19875466}.mod-calendar .badge-no{background-color:#dc3545;color:#fff;box-shadow:0 2px 5px #dc354566}.mod-calendar .badge-wfh{background-color:#0033a0;color:#fff;box-shadow:0 2px 5px #0033a066}.mod-calendar .legend-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mod-calendar .legend-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--input-bg);border-radius:20px;border:1px solid var(--border-color);font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.3px}.mod-calendar .legend-color-box{width:12px;height:12px;border-radius:4px}.mod-calendar .legend-badge-mini{width:14px;height:14px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700}.mod-calendar .l-work{background:#87ceeb33;border:1px solid rgba(135,206,235,.8)}.mod-calendar .l-holiday{background:#daa52033;border:1px solid rgba(218,165,32,.8)}.mod-calendar .l-setoff{background:#ff8c0033;border:1px solid rgba(255,140,0,.8)}.mod-calendar .l-leave{background:#ff696133;border:1px solid rgba(255,105,97,.8)}.mod-calendar .details-card{display:none;margin-top:24px;animation:fadeIn .3s ease-out;background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.mod-calendar .log-item{background:var(--input-bg);border-left:4px solid var(--primary);padding:16px;border-radius:8px;margin-bottom:12px}.mod-calendar .log-loc{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:4px}.mod-calendar .log-time{font-size:.85rem;color:var(--text-main);font-weight:600;margin-bottom:8px}.mod-calendar .log-desc{font-size:.9rem;color:var(--text-muted);line-height:1.4}.mod-location{padding-bottom:110px!important;position:relative;min-height:100vh}.mod-location .loc-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mod-location .loc-module-title{margin:0;font-size:1.3rem;color:var(--text-main);font-weight:800}.mod-location .header-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--input-bg);transition:all .2s;border:1px solid var(--border-color);flex-shrink:0}.mod-location .header-icon:active{transform:scale(.92)}.mod-location .header-icon svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2;fill:none;transition:stroke .2s}.mod-location .header-icon.primary:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3)}.mod-location .header-icon.primary:hover svg{stroke:var(--primary)}.mod-location .header-icon.spin svg{animation:locSpinIcon 1s linear infinite;stroke:var(--primary)}@keyframes locSpinIcon{to{transform:rotate(360deg)}}.mod-location .filter-section{background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid var(--border-color);margin-bottom:24px;box-shadow:0 4px 12px #00000005}.mod-location #locCustomDateInputs{display:none;gap:16px;margin-top:12px}.mod-location .summary-item{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .2s;box-shadow:0 2px 4px #00000003}.mod-location .summary-item:active{transform:scale(.98);background:var(--border-color)}.mod-location .loc-info{flex:1;padding-right:12px}.mod-location .loc-name{font-weight:800;color:var(--primary);font-size:1.05rem;margin-bottom:4px;word-wrap:break-word;letter-spacing:-.2px}.mod-location .loc-stats{font-size:.8rem;color:var(--text-muted);font-weight:600}.mod-location .stat-badge{background:var(--card-bg);padding:6px 10px;border-radius:8px;border:1px solid var(--border-color);font-weight:700;color:var(--text-main);font-size:.8rem;display:inline-block;min-width:65px;text-align:center;box-shadow:0 2px 4px #00000005}.mod-location .details-card{background:var(--card-bg);border-radius:16px;padding:20px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d;margin-bottom:20px}.mod-location .btn-back{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:10px;padding:10px 16px;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;width:auto;box-shadow:0 2px 4px #00000005;transition:transform .15s;cursor:pointer}.mod-location .btn-back:active{transform:scale(.96)}.mod-location .log-card{background:var(--input-bg);border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px #00000005}.mod-location .log-header{font-size:.95rem;font-weight:800;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:8px}.mod-location .log-sub{font-size:.85rem;font-weight:700;color:var(--primary);margin-bottom:6px}.mod-location .log-body{font-size:.85rem;color:var(--text-main);line-height:1.5;font-weight:500}.mod-alerts{padding-bottom:110px!important;position:relative;min-height:100vh}.mod-alerts .alt-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mod-alerts .alt-module-title{margin:0;font-size:1.3rem;color:var(--danger);font-weight:800}.mod-alerts .header-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--input-bg);transition:all .2s;border:1px solid var(--border-color);flex-shrink:0}.mod-alerts .header-icon:active{transform:scale(.92)}.mod-alerts .header-icon svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2;fill:none;transition:stroke .2s}.mod-alerts .header-icon.primary:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3)}.mod-alerts .header-icon.primary:hover svg{stroke:var(--primary)}.mod-alerts .header-icon.spin svg{animation:altSpinIcon 1s linear infinite;stroke:var(--primary)}@keyframes altSpinIcon{to{transform:rotate(360deg)}}.mod-alerts .toggle-group{display:flex;background:var(--input-bg);border-radius:12px;padding:6px;margin-bottom:24px;border:1px solid var(--border-color)}.mod-alerts .toggle-btn{flex:1;background:transparent;color:var(--text-muted);border:none;padding:10px;font-size:.95rem;font-weight:800;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.mod-alerts .toggle-btn.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 6px #0000000f}.mod-alerts .heatmap-wrapper{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);padding:16px;margin-bottom:16px}.mod-alerts .heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.mod-alerts .hm-head{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}.mod-alerts .hm-day{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;transition:transform .15s}.mod-alerts .hm-logged{background-color:var(--success);opacity:.9;cursor:default}.mod-alerts .hm-missing{background-color:var(--danger);cursor:pointer;animation:altPulse 2.5s infinite ease-in-out;box-shadow:0 2px 6px #dc354566}.mod-alerts .hm-missing:active{transform:scale(.9)}.mod-alerts .hm-future{background-color:var(--input-bg);color:var(--text-muted);cursor:default;border:1px solid var(--border-color)}@keyframes altPulse{0%{box-shadow:0 0 #dc354566}70%{box-shadow:0 0 0 6px #dc354500}to{box-shadow:0 0 #dc354500}}.mod-alerts .alt-calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:var(--input-bg);padding:6px;border-radius:12px;border:1px solid var(--border-color)}.mod-alerts .alt-btn-nav{width:auto;padding:8px 16px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;font-weight:800;cursor:pointer;box-shadow:0 2px 4px #00000005}.mod-alerts .alt-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:12px;font-size:.8rem;font-weight:700;color:var(--text-main);background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.mod-alerts .details-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000005;overflow:hidden}.mod-alerts .missing-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:background-color .2s;cursor:pointer}.mod-alerts .missing-list-item:active{background-color:var(--input-bg)}.mod-alerts .missing-list-item:last-child{border-bottom:none}.mod-alerts .missing-date{font-weight:800;color:var(--danger);font-size:1rem}.mod-wlb{padding-bottom:110px!important;position:relative;min-height:100vh}.mod-wlb .wlb-filter-section{background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid var(--border-color);margin-bottom:24px;box-shadow:0 4px 12px #00000005}.mod-wlb .wlb-warning{display:none;background:#ffc1071a;border:1px solid rgba(255,193,7,.4);color:#d39e00;padding:16px;border-radius:12px;margin-bottom:24px;font-size:.9rem;font-weight:700;text-align:center;box-shadow:0 4px 12px #ffc1070d}[data-theme=dark] .mod-wlb .wlb-warning{color:#ffc107;border-color:#ffc10799}.mod-wlb .wlb-card{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000005;margin-bottom:24px}.mod-wlb .wlb-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:1.1rem;font-weight:800;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:12px}.mod-wlb .header-icon{cursor:pointer;padding:8px;border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--input-bg);color:var(--text-main)}.mod-wlb .header-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mod-wlb .header-icon.spin svg{animation:wlbSpin 1s linear infinite;stroke:var(--primary)}@keyframes wlbSpin{to{transform:rotate(360deg)}}.mod-wlb .wlb-split-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px}.mod-wlb .wlb-left-col{flex:1;min-width:110px;display:flex;flex-direction:column;justify-content:center}.mod-wlb .wlb-right-col{display:flex;justify-content:flex-end;align-items:center;flex-shrink:1;width:140px}.mod-wlb .wlb-title-small{font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center}.mod-wlb .wlb-score-row{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.mod-wlb .score-massive{font-size:clamp(2.2rem,8vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-2px;transition:color .5s}.mod-wlb .score-denom{font-size:1rem;font-weight:700;color:var(--text-muted)}.mod-wlb .wlb-badge-left{align-self:flex-start;padding:4px 14px;border-radius:20px;font-size:.85rem;font-weight:800;transition:background .5s,color .5s;margin-bottom:16px}.mod-wlb .wlb-subtext{font-size:.8rem;font-weight:600;color:var(--text-muted);line-height:1.4}.mod-wlb .svg-gauge-container{position:relative;width:100%;max-width:160px}.mod-wlb .wlb-svg-gauge{width:100%;height:auto;overflow:visible;display:block}.mod-wlb .svg-gauge-center{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:1.8rem;line-height:1;transition:color .5s}.mod-wlb .svg-gauge-labels{display:flex;justify-content:space-between;width:100%;padding:0 10px;font-size:.75rem;font-weight:800;color:var(--text-muted);margin-top:4px;box-sizing:border-box}.mod-wlb .chart-container{display:flex;align-items:center;gap:24px}.mod-wlb .doughnut-wrapper{position:relative;width:120px;height:120px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.mod-wlb .doughnut-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--border-color) 0% 100%);transition:background .5s}.mod-wlb .doughnut-hole{position:absolute;width:84px;height:84px;background:var(--card-bg);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mod-wlb .pattern-legend{flex:1;display:flex;flex-direction:column;gap:10px}.mod-wlb .legend-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-main)}.mod-wlb .legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.mod-wlb .time-row{display:flex;align-items:center;margin-bottom:16px;gap:12px}.mod-wlb .time-icon{width:36px;height:36px;border-radius:10px;background:var(--input-bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:1px solid var(--border-color)}.mod-wlb .time-details{flex:1}.mod-wlb .time-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.mod-wlb .time-bar-bg{width:100%;height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden}.mod-wlb .time-bar-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.mod-wlb .time-stats{font-size:.8rem;font-weight:700;color:var(--text-muted);width:65px;text-align:right;flex-shrink:0}@media(max-width:380px){.mod-wlb .wlb-card{padding:16px}.mod-wlb .chart-container{gap:16px;flex-direction:column}}.mod-leave{padding-bottom:110px!important;position:relative;min-height:100vh}.mod-leave .leave-filter-section{background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid var(--border-color);margin-bottom:24px;box-shadow:0 4px 12px #00000005}.mod-leave #leaveCustomDateInputs{display:none;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.mod-leave .leave-card{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000005;margin-bottom:24px}.mod-leave .leave-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:1.1rem;font-weight:800;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:12px}.mod-leave .header-icon{cursor:pointer;padding:8px;border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--input-bg);color:var(--text-main)}.mod-leave .header-icon.spin svg{animation:leaveSpin 1s linear infinite;stroke:var(--primary)}@keyframes leaveSpin{to{transform:rotate(360deg)}}.mod-leave .pattern-container{display:flex;align-items:center;gap:24px}.mod-leave .doughnut-wrapper{position:relative;width:120px;height:120px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.mod-leave .doughnut-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--border-color) 0% 100%);transition:background .5s}.mod-leave .doughnut-hole{position:absolute;width:84px;height:84px;background:var(--card-bg);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mod-leave .pattern-legend{flex:1;display:flex;flex-direction:column;gap:10px}.mod-leave .legend-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-main)}.mod-leave .legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.mod-leave .matrix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}.mod-leave .matrix-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px}.mod-leave .matrix-header{font-size:.9rem;font-weight:800;color:var(--primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.mod-leave .matrix-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-main);margin-bottom:6px;font-weight:600}.mod-leave .matrix-row span:last-child{font-weight:800;color:var(--text-muted)}.mod-leave .pattern-table-wrapper{overflow-x:auto;margin-top:16px;border-radius:12px;border:1px solid var(--border-color)}.mod-leave .pattern-table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:center;background:var(--card-bg)}.mod-leave .pattern-table th{background:var(--input-bg);color:var(--text-muted);font-weight:700;padding:12px;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.mod-leave .pattern-table th:first-child{text-align:left}.mod-leave .pattern-table td{padding:14px 12px;border-bottom:1px solid var(--border-color);color:var(--text-main)}.mod-leave .pattern-table td:first-child{text-align:left;font-weight:800;color:var(--primary)}.mod-leave .pattern-table tr:last-child td{border-bottom:none}.mod-leave .p-val{display:block;font-weight:800;font-size:1rem;margin-bottom:2px}.mod-leave .p-pct{display:block;font-size:.75rem;color:var(--text-muted);font-weight:600}.mod-admin{padding-bottom:110px}.mod-admin .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mod-admin .admin-user-card{padding:20px;margin-bottom:16px}.mod-admin .admin-user-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.mod-admin .admin-badge{font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:12px;background:var(--input-bg);border:1px solid var(--border-color)}.mod-admin .badge-active{color:var(--success);border-color:#28a74566;background:#28a7451a}.mod-admin .badge-inactive{color:var(--danger);border-color:#dc354566;background:#dc35451a}.mod-admin .admin-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mod-admin .admin-btn{flex:1;min-width:120px;padding:10px 12px;font-size:.85rem;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:10px}.mod-admin .admin-btn.danger{color:var(--danger);border-color:#dc354566}:root{--primary: #DC2626;--primary-rgb: 220, 38, 38;--background: #FFF3F3;--secondary: #6c757d;--success: #28a745;--danger: #dc3545;--card-bg: #ffffff;--text-main: #333333;--text-muted: #6c757d;--border-color: #e0e0e0;--input-bg: #f8f9fa;--overlay-bg: rgba(0, 0, 0, .4);--font-family-base: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}[data-color=amber]{--primary: #EA580C;--primary-rgb: 234, 88, 12;--background: #FFF8F1}[data-color=golden]{--primary: #CA8A04;--primary-rgb: 202, 138, 4;--background: #FFFCEB}[data-color=emerald]{--primary: #16A34A;--primary-rgb: 22, 163, 74;--background: #F2FCF6}[data-color=sapphire]{--primary: #2563EB;--primary-rgb: 37, 99, 235;--background: #F2F7FF}[data-color=violet]{--primary: #7C3AED;--primary-rgb: 124, 58, 237;--background: #F8F5FF}[data-color=rose]{--primary: #DB2777;--primary-rgb: 219, 39, 119;--background: #FFF5FA}[data-theme=dark]{--primary: #F87171;--primary-rgb: 248, 113, 113;--background: #1A0D0D;--card-bg: #1e1e1e;--text-main: #e0e0e0;--text-muted: #88929e;--border-color: #333333;--input-bg: #2a2a2a;--overlay-bg: rgba(0, 0, 0, .7)}[data-theme=dark][data-color=amber]{--primary: #FB923C;--primary-rgb: 251, 146, 60;--background: #1D130C}[data-theme=dark][data-color=golden]{--primary: #FACC15;--primary-rgb: 250, 204, 21;--background: #1B1708}[data-theme=dark][data-color=emerald]{--primary: #4ADE80;--primary-rgb: 74, 222, 128;--background: #0D1712}[data-theme=dark][data-color=sapphire]{--primary: #93C5FD;--primary-rgb: 147, 197, 253;--background: #101827}[data-theme=dark][data-color=violet]{--primary: #C4B5FD;--primary-rgb: 196, 181, 253;--background: #140E21}[data-theme=dark][data-color=rose]{--primary: #F472B6;--primary-rgb: 244, 114, 182;--background: #1B1018}*{box-sizing:border-box;margin:0;padding:0;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}body{font-family:var(--font-family-base);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-bar{position:sticky;top:0;z-index:500;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:60px;box-shadow:0 4px 20px #00000008;transition:background-color .3s,border-color .3s}.top-bar-left{display:flex;align-items:center;gap:10px}.top-bar-title{display:none;font-size:1.2rem;font-weight:700;color:var(--primary);letter-spacing:-.3px}.nav-actions{display:flex;gap:8px;align-items:center}.nav-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--input-bg);transition:background .2s,transform .1s}.nav-icon:active{transform:scale(.92)}.nav-icon svg{width:20px;height:20px;stroke:var(--primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--card-bg);z-index:1100;transition:left .3s cubic-bezier(.4,0,.2,1),background-color .3s;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding-top:24px}.sidebar.active{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:1050;display:none;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block;opacity:1}.sidebar-header{font-size:1.25rem;font-weight:700;color:var(--primary);padding:0 24px 24px;border-bottom:1px solid var(--border-color);margin-bottom:12px;letter-spacing:-.3px}.sidebar-link{padding:16px 24px;text-decoration:none;color:var(--text-main);font-weight:600;display:flex;align-items:center;gap:16px;transition:background .2s,color .2s}.sidebar-link:active{background:var(--input-bg)}.sidebar-link svg{width:22px;height:22px;stroke:var(--secondary);stroke-width:2;fill:none;transition:stroke .2s}.container{padding:24px 16px 100px;max-width:800px;margin:0 auto}.card{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 8px 24px #0000000a;margin-bottom:24px;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}label{display:block;font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;margin-top:16px;text-transform:uppercase;letter-spacing:.8px}.card h3+label,.card>label:first-child{margin-top:0}input,select,textarea{width:100%;padding:14px 16px;border:1.5px solid var(--border-color);border-radius:12px;background-color:var(--input-bg);color:var(--text-main);font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236c757d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15);background-color:var(--card-bg)}button{width:100%;padding:16px;border:none;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;font-family:var(--font-family-base);transition:transform .1s cubic-bezier(.4,0,.2,1),background-color .2s;letter-spacing:-.2px}button:active{transform:scale(.96)}.btn-submit{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.btn-add{background-color:var(--success);color:#fff;box-shadow:0 4px 12px #28a74533}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.glass-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.glass-overlay.active{opacity:1;pointer-events:auto}.glass-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:30px 24px;width:85%;max-width:420px;box-shadow:0 20px 40px #0003;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1);text-align:center;color:var(--text-main)}.glass-overlay.active .glass-modal{transform:scale(1)}.glass-modal h3{margin-bottom:12px;color:var(--text-main);font-size:1.3rem;font-weight:800;letter-spacing:-.5px}.glass-modal p{color:var(--text-muted);margin-bottom:24px;font-size:1rem;line-height:1.5}.glass-modal .modal-buttons{display:flex;gap:12px;margin-top:24px}.glass-modal .btn-cancel{background:var(--input-bg);color:var(--text-main);margin-top:0;border:1px solid var(--border-color)}.glass-modal .btn-confirm{margin-top:0}.todo-container{padding-bottom:120px!important;min-height:100vh;min-height:100dvh;position:relative}.horizontal-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.horizontal-scroll .stat-card{flex:0 0 auto}.todo-tab{display:none;animation:fadeIn .3s ease}.todo-tab.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;gap:8px}.stat-card.primary{background:var(--primary);color:#fff;border:none}.stat-card.primary .stat-title,.stat-card.primary .stat-num{color:#fff}.stat-title{font-size:.85rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.stat-num{font-size:1.8rem;font-weight:800;color:var(--text-main)}.task-filters{display:flex;gap:16px;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px;overflow-x:auto}.task-filter{font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;padding-bottom:8px;position:relative;white-space:nowrap}.task-filter.active{color:var(--primary)}.task-filter.active:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px}.task-card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid var(--border-color);display:flex;gap:12px;align-items:flex-start}.task-checkbox{width:22px;height:22px;border-radius:50%;border:2px solid var(--text-muted);cursor:pointer;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.task-checkbox.done{background:var(--success);border-color:var(--success)}.task-checkbox.done:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.task-content{flex:1}.task-title{font-size:1.05rem;font-weight:600;margin-bottom:4px;color:var(--text-main)}.task-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-bottom:8px}.priority-badge{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:12px;background:var(--input-bg)}.priority-high{color:var(--danger);background:#dc35451a}.priority-medium{color:#d39e00;background:#ffc1071a}.priority-low{color:var(--success);background:#28a7451a}.todo-bottom-nav{position:fixed!important;bottom:0!important;left:0;width:100%;height:70px;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:9999!important;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;transition:color .2s;width:60px}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.fab-container{position:relative;top:-20px}.fab-btn{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(var(--primary-rgb),.4);border:none;cursor:pointer;transition:transform .2s}.fab-btn:active{transform:scale(.92)}.fab-btn svg{width:28px;height:28px;stroke:#fff;stroke-width:2}.stats-wrap-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.stats-wrap-grid .stat-card{flex:1 1 calc(33.333% - 12px);min-width:100px}body,button,a,.nav-icon,.dash-btn{touch-action:manipulation!important}input,select,textarea{font-size:16px!important}html,body,div,section,main,article,aside{-ms-overflow-style:none!important;scrollbar-width:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,div::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}