@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";*{box-sizing:border-box;margin:0;padding:0}.idle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f224099;display:flex;align-items:center;justify-content:center;z-index:9999}.idle-box{background:#fff;border-radius:14px;padding:32px 36px;text-align:center;max-width:360px;width:90%;box-shadow:0 20px 60px #0003}.idle-icon{font-size:36px;margin-bottom:12px}.idle-title{font-size:17px;font-weight:600;color:#0f172a;margin-bottom:8px;font-family:DM Sans,sans-serif}.idle-msg{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:20px;font-family:DM Sans,sans-serif}.idle-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.idle-btn:hover{background:#1d4ed8}:root{--bg: #f0f4f8;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f8fafc;--bg-subtle: #f1f5f9;--border: #e2e8f0;--border-focus: #2563eb;--text: #1e293b;--text-muted: #64748b;--text-faint: #94a3b8;--text-heading: #0f172a;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08)}[data-theme=dark]{--bg: #0f1620;--bg-card: #1a2435;--bg-input: #1e2d42;--bg-hover: #243044;--bg-subtle: #1e2d42;--border: #2a3a52;--border-focus: #60a5fa;--text: #cbd5e1;--text-muted: #64748b;--text-faint: #475569;--text-heading: #f1f5f9;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:DM Sans,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}input,select,textarea,button{font-family:inherit}a{text-decoration:none}.card{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text)}.card-title{color:var(--text-heading)!important}input,select,textarea{background:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text)!important}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)!important}input::placeholder{color:var(--text-faint)!important}input:disabled,select:disabled{background:var(--bg-subtle)!important;color:var(--text-muted)!important}.btn-secondary{background:var(--bg-subtle)!important;color:var(--text)!important;border-color:var(--border)!important}.btn-secondary:hover{background:var(--bg-hover)!important}table{color:var(--text)}th{color:var(--text-muted)!important;border-color:var(--border)!important}td{border-color:var(--border)!important;color:var(--text)}tr:hover td{background:var(--bg-hover)!important}.badge{transition:none}.page-title,.section-title{color:var(--text-heading)!important}.page-subtitle,.page-sub{color:var(--text-muted)!important}.modal{background:var(--bg-card)!important;border:1px solid var(--border);-webkit-user-select:text;user-select:text}.modal-overlay{-webkit-user-select:none;user-select:none}.modal-title{color:var(--text-heading)!important}.notice{background:#422006!important;border-color:#7c2d12!important;color:#fed7aa!important}[data-theme=dark] .notice{background:#fbbf241a!important;border-color:#fbbf2440!important;color:#fbbf24!important}[data-theme=dark] .stat-card{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=dark] .stat-value{color:var(--text-heading)!important}.form-label{color:var(--text-muted)!important}[data-theme=dark] .form-label{color:#94a3b8!important}[data-theme=dark] table{background:transparent}[data-theme=dark] .tab-bar{background:var(--bg-subtle)!important;border-color:var(--border)!important}[data-theme=dark] .tab{color:var(--text-muted)!important}[data-theme=dark] .tab.active{background:var(--bg-card)!important;color:var(--text-heading)!important}[data-theme=dark] .wday{background:var(--bg-subtle)!important;border-color:var(--border)!important}[data-theme=dark] .wday:hover{background:var(--bg-hover)!important}[data-theme=dark] .wday-num{color:var(--text-heading)!important}[data-theme=dark] .wday-hours{color:var(--text-muted)!important}[data-theme=dark] .wday--weekend{background:var(--bg)!important}[data-theme=dark] .cal-cell{background:var(--bg-subtle)!important}[data-theme=dark] .cal-cell--empty{background:transparent!important}[data-theme=dark] .cal-cell--weekend{background:var(--bg)!important}[data-theme=dark] .cal-wd{color:var(--text-faint)!important}[data-theme=dark] .cal-day-num{color:var(--text-heading)!important}[data-theme=dark] .cal-summary{border-color:var(--border)!important}[data-theme=dark] .cs-item,[data-theme=dark] .fav-section{background:var(--bg-subtle)!important}[data-theme=dark] .fav-chip{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=dark] .fav-name{color:var(--text-heading)!important}[data-theme=dark] .fav-times{color:var(--text-muted)!important}[data-theme=dark] .pending-item{border-color:var(--border)!important}[data-theme=dark] .pi-name{color:var(--text-heading)!important}.error-msg{background:#ef444426!important;border:1px solid rgba(239,68,68,.3);color:#f87171!important}[data-theme=dark] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media (max-width: 768px){input,select,textarea{font-size:16px!important;padding:12px 14px!important;border:1.5px solid var(--border)!important;border-radius:9px!important;min-height:48px}input[type=date],input[type=time]{min-height:48px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.page-title{font-size:22px!important}.page-subtitle{font-size:15px!important}.section-title{font-size:18px!important}.card-title{font-size:15px!important}.form-label,.field-label,.bal-label{font-size:13px!important}.badge{font-size:12px!important;padding:3px 8px!important}.btn{font-size:15px!important;padding:13px 16px!important;min-height:48px}.card{overflow-x:auto}table{min-width:480px}.grid-2,.stats-grid,.balance-grid{grid-template-columns:1fr!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:12px}.page-header .btn{width:100%;justify-content:center}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-radius:20px 20px 0 0!important;max-width:100%!important;max-height:90vh;overflow-y:auto;padding:20px 16px 32px!important}.tab-bar{width:100%!important;overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.btn{font-size:14px!important;padding:12px 16px!important}.btn-primary{width:100%;justify-content:center}}input,select,textarea,button{font-size:16px}@media (max-width: 768px){.mob{display:flex;flex-direction:column;min-height:100%;background:var(--bg);overflow-x:hidden;width:100%}.mob *{box-sizing:border-box}.mob-pad{padding:20px 16px}.mob-gap{display:flex;flex-direction:column;gap:16px}.mob-page-title{font-size:28px;font-weight:700;color:var(--text-heading);line-height:1.2}.mob-page-sub{font-size:17px;color:var(--text-muted);margin-top:5px}.mob-hero{background:#1e3a5f;padding:28px 20px 24px;width:100%;overflow:hidden}.mob-hero-eyebrow{font-size:13px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.mob-hero-value{font-size:64px;font-weight:700;color:#fff;line-height:1}.mob-hero-unit{font-size:22px;color:#ffffff8c;font-weight:400;margin-left:8px}.mob-hero-sub{font-size:16px;color:#ffffff73;margin-top:10px}.mob-hero-bar{height:6px;background:#ffffff1f;border-radius:10px;overflow:hidden;margin-top:18px}.mob-hero-fill{height:100%;border-radius:10px;background:#60a5fa}.mob-clock{font-size:58px;font-weight:300;color:var(--text-heading);line-height:1;letter-spacing:-2px;text-align:center}.mob-clock-date{font-size:17px;color:var(--text-muted);text-align:center;margin-top:6px}.mob-clock-status{font-size:16px;text-align:center;padding:14px 0 20px}.mob-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#2563eb;color:#fff;border:none;border-radius:13px;padding:18px;font-size:18px;font-weight:600;cursor:pointer;font-family:inherit;min-height:58px}.mob-btn-primary:active{background:#1d4ed8}.mob-btn-danger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#dc2626;color:#fff;border:none;border-radius:13px;padding:18px;font-size:18px;font-weight:600;cursor:pointer;font-family:inherit;min-height:58px}.mob-btn-secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--bg-card);color:var(--text);border:1.5px solid var(--border);border-radius:13px;padding:16px;font-size:17px;font-weight:500;cursor:pointer;font-family:inherit;min-height:54px}.mob-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;padding:22px}.mob-card-title{font-size:19px;font-weight:700;color:var(--text-heading);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.mob-card-link{font-size:16px;color:#2563eb;font-weight:500;text-decoration:none}.mob-stat{background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;padding:20px}.mob-stat-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.mob-stat-value{font-size:42px;font-weight:700;color:var(--text-heading);line-height:1}.mob-stat-sub{font-size:15px;color:var(--text-muted);margin-top:10px}.mob-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mob-kpi{background:var(--bg-subtle);border-radius:12px;padding:14px;text-align:center}.mob-kpi-label{font-size:13px;color:var(--text-muted);margin-bottom:6px}.mob-kpi-value{font-size:24px;font-weight:700;color:var(--text-heading)}.mob-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px}.mob-wday{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 2px;border-radius:10px;background:var(--bg-subtle);cursor:pointer}.mob-wday-name{font-size:12px;color:var(--text-muted)}.mob-wday-num{font-size:18px;font-weight:700;color:var(--text-heading)}.mob-wday-hours{font-size:11px;color:var(--text-muted)}.mob-wday.today{background:#2563eb}.mob-wday.today .mob-wday-name,.mob-wday.today .mob-wday-num,.mob-wday.today .mob-wday-hours{color:#fff}.mob-wday.weekend{background:#f1f5f9}.mob-wday.has-entry{border:2px solid #22c55e}.mob-tabs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mob-tabs{display:flex;gap:8px;width:max-content;padding:2px}.mob-tab{padding:12px 22px;border-radius:11px;font-size:17px;font-weight:500;white-space:nowrap;cursor:pointer;font-family:inherit;background:var(--bg-card);color:var(--text-muted);border:1.5px solid var(--border);min-height:48px}.mob-tab.on{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:600}.mob-entry{background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px}.mob-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mob-entry-title{font-size:20px;font-weight:700;color:var(--text-heading)}.mob-entry-sub{font-size:17px;color:var(--text-muted)}.mob-entry-value{font-size:18px;font-weight:500;color:var(--text)}.mob-entry-small{font-size:16px;color:var(--text-muted)}.mob-badge{font-size:14px;font-weight:700;padding:6px 14px;border-radius:20px;white-space:nowrap;flex-shrink:0}.mob-badge-ok{background:#dcfce7;color:#15803d}.mob-badge-warn{background:#fef9c3;color:#a16207}.mob-badge-err{background:#fee2e2;color:#dc2626}.mob-badge-info{background:#dbeafe;color:#1e40af}.mob-badge-neu{background:var(--bg-subtle);color:var(--text-muted)}.mob-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.mob-team-item{display:flex;align-items:center;gap:14px;background:var(--bg-subtle);border-radius:14px;padding:16px}.mob-team-name{font-size:18px;font-weight:600;color:var(--text-heading)}.mob-team-sub{font-size:15px;color:var(--text-muted);margin-top:3px}.mob-emp{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;padding:18px;cursor:pointer}.mob-emp-name{font-size:19px;font-weight:600;color:var(--text-heading)}.mob-emp-meta{font-size:15px;color:var(--text-muted);margin-top:4px}.mob-notif{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;padding:18px;text-decoration:none}.mob-notif-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.mob-notif-title{font-size:17px;font-weight:600;color:var(--text-heading)}.mob-notif-body{font-size:15px;color:var(--text-muted);margin-top:3px}.mob-notif-time{font-size:14px;color:var(--text-faint);margin-top:4px}.mob-notif.unread{border-left:4px solid #2563eb}.mob-report{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;padding:20px;cursor:pointer}.mob-report-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.mob-report-title{font-size:18px;font-weight:600;color:var(--text-heading)}.mob-report-sub{font-size:15px;color:var(--text-muted);margin-top:4px}.mob-input{width:100%;font-size:16px;color:var(--text);background:var(--bg-card);border:1.5px solid var(--border);border-radius:11px;padding:15px;font-family:inherit}.mob-input:focus{outline:none;border-color:#2563eb}.mob-select{width:100%;font-size:16px;color:var(--text);background:var(--bg-card);border:1.5px solid var(--border);border-radius:11px;padding:15px;font-family:inherit;-webkit-appearance:none}.mob-label{font-size:16px;font-weight:600;color:var(--text);display:block;margin-bottom:8px}.mob-section-title{font-size:20px;font-weight:700;color:var(--text-heading);padding:0 16px 12px}.mob-divider{height:1px;background:var(--border);margin:0 16px}}