.custom-select-container{position:relative;width:100%}.custom-select-trigger{width:100%;padding:8px 12px;background:var(--wt-surface, #fff);border:1px solid var(--wt-border, #e2e8f0);border-radius:8px;color:var(--wt-text, #1e293b);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:40px;transition:all .2s ease}.custom-select-trigger:hover{border-color:var(--wt-primary, #3b82f6)}.custom-select-trigger:focus{outline:none;border-color:var(--wt-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.custom-select-arrow{font-size:10px;color:var(--wt-text-muted, #64748b);pointer-events:none}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--wt-surface, #fff);border:1px solid var(--wt-border, #e2e8f0);border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:9999;max-height:250px;overflow-y:auto;animation:dropdown-fade .15s ease}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:10px 12px;font-size:14px;color:var(--wt-text, #1e293b);cursor:pointer;transition:background .1s ease}.custom-select-option:hover{background:var(--wt-surface-muted, #f1f5f9)}.custom-select-option.selected{background:#3b82f61a;color:var(--wt-primary, #3b82f6);font-weight:600}.custom-multi-select .custom-select-option{display:flex;align-items:center;gap:10px}.custom-checkbox{width:16px;height:16px;border:1.5px solid var(--wt-text-muted, #64748b);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.custom-multi-select .custom-select-option.selected .custom-checkbox{border-color:var(--wt-primary, #3b82f6);background:var(--wt-primary, #3b82f6)}.checkbox-inner.checked{width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.reports-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:24px!important}.reports-kpi-grid .dashboard-kpi-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:16px 20px;gap:16px;text-align:left}.reports-kpi-grid .dashboard-kpi-card__icon{margin-bottom:0;width:48px;height:48px;flex-shrink:0}.reports-kpi-grid .dashboard-kpi-card-content{display:flex;flex-direction:column;justify-content:center}.reports-kpi-grid .dashboard-kpi-card__label{margin-bottom:2px;font-size:11px;opacity:.8}.reports-kpi-grid .dashboard-kpi-card__value{font-size:20px;line-height:1.2}.reports-main-tabs{display:flex;gap:12px;margin-bottom:24px;background:#fff6;padding:8px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 6px #00000005}.reports-main-tab-btn{padding:12px 24px;border-radius:12px;font-weight:700;font-size:15px;color:var(--wt-text-muted);background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.reports-main-tab-btn:hover{color:var(--wt-primary);background:#ffffff80}.reports-main-tab-btn--active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.reports-sub-tabs{display:flex;gap:24px;border-bottom:2px solid rgba(226,232,240,.6);margin-bottom:24px;padding:0 8px;width:100%}.reports-sub-tab-btn{padding:12px 4px;font-size:14px;font-weight:600;color:var(--wt-text-muted);background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .3s ease}.reports-sub-tab-btn:hover{color:var(--wt-primary)}.reports-sub-tab-btn--active{color:var(--wt-primary);border-bottom-color:var(--wt-primary)}.reports-premium-table{width:100%;border-collapse:separate;border-spacing:0;margin:0}.reports-premium-table th{background:#f1f5f999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid rgba(226,232,240,.8);text-align:left}.reports-premium-table th:first-child{border-top-left-radius:12px}.reports-premium-table th:last-child{border-top-right-radius:12px}.reports-premium-table td{padding:16px 20px;font-size:14px;color:#334155;border-bottom:1px solid rgba(226,232,240,.5);background:transparent;transition:all .2s ease}.reports-premium-table tbody tr{transition:all .2s ease}.reports-premium-table tbody tr:hover td{background:#6366f10a}.reports-premium-table tbody tr:last-child td{border-bottom:none}.settings-page{width:100%;max-width:100%;padding:16px 32px 40px;font-family:var(--wt-font-sans);position:relative;z-index:1}.settings-page:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:100vw;height:800px;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.15),transparent 70%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.08),transparent 50%);z-index:-1;pointer-events:none}.settings-page-title{font-size:32px;font-weight:800;color:var(--wt-text);margin-bottom:32px;letter-spacing:-1px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.settings-card{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:24px 40px 40px;margin-bottom:32px;box-shadow:0 20px 40px -15px #27416f1a,0 0 0 1px #ffffff80 inset;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);opacity:0;transition:opacity .4s ease}.settings-card:hover{box-shadow:0 30px 60px -20px #27416f26,0 0 0 1px #ffffffe6 inset;transform:translateY(-4px)}.settings-card:hover:before{opacity:1}.settings-header{margin-bottom:36px;border-bottom:1px solid rgba(226,232,240,.6);padding-bottom:24px}.settings-header h2{font-size:22px;font-weight:800;color:var(--wt-text);margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.settings-header p{font-size:15px;color:var(--wt-text-muted);margin:8px 0 0;line-height:1.6}.settings-avatar-section{display:flex;align-items:center;gap:40px;margin-bottom:48px;background:linear-gradient(135deg,#f8faffe6,#f0f4ff66);padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,1);box-shadow:0 10px 30px -10px #6366f11a,inset 0 2px 10px #fffc;position:relative;overflow:hidden}.settings-avatar-section:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.settings-avatar-preview{position:relative;width:130px;height:130px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;border:4px solid #ffffff;box-shadow:0 15px 35px -10px #6366f166,inset 0 2px 4px #ffffff80;z-index:2}.settings-avatar-preview:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,#6366f1,#a855f7,#ec4899,#6366f1);animation:rotateGlow 4s linear infinite;z-index:-1;opacity:.5}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;border:2px solid #fff}.settings-avatar-initials{font-size:48px;font-weight:800;color:#4f46e5;background:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff}.settings-avatar-actions{display:flex;flex-direction:column;gap:16px;flex:1;z-index:2}.settings-avatar-actions p{margin:0;font-size:14px;color:var(--wt-text-muted);font-weight:500}.settings-upload-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:12px 28px;border-radius:14px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 16px -4px #4f46e566,inset 0 2px #fff3;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.settings-upload-btn:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);transform:translateY(-2px);box-shadow:0 12px 24px -6px #4f46e580,inset 0 2px #fff3}.settings-upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-file-input{display:none}.settings-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.settings-info-item{display:flex;flex-direction:column;gap:8px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #00000005;position:relative;overflow:hidden}.settings-info-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.03) 100%);opacity:0;transition:opacity .4s ease}.settings-info-item:hover{background:#ffffffe6;box-shadow:0 12px 30px -10px #6366f126;transform:translateY(-4px);border-color:#6366f133}.settings-info-item:hover:before{opacity:1}.settings-info-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--wt-text-muted);letter-spacing:1px;position:relative;z-index:1}.settings-info-value{font-size:17px;color:var(--wt-text);font-weight:700;position:relative;z-index:1}.settings-form{display:flex;flex-direction:column;gap:24px;max-width:500px}.settings-form-group{display:flex;flex-direction:column;gap:10px}.settings-form-group label{font-size:14px;font-weight:700;color:var(--wt-text)}.settings-input{padding:14px 18px;border:1px solid rgba(226,232,240,.9);border-radius:14px;font-size:15px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--wt-text);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:inset 0 2px 4px #00000005}.settings-input:hover{border-color:#cbd5e1;background:#fff}.settings-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f126,inset 0 1px 2px #00000003}.settings-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:14px 32px;border-radius:14px;font-size:15px;font-weight:800;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);align-self:flex-start;box-shadow:0 8px 16px -4px #2563eb66,inset 0 2px #fff3;margin-top:16px;letter-spacing:.5px}.settings-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 12px 24px -6px #2563eb80,inset 0 2px #fff3}.settings-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-message{padding:14px 20px;border-radius:14px;font-size:14px;margin-top:16px;font-weight:600;display:flex;align-items:center;gap:10px}.settings-message--error{background:#fef2f2e6;color:var(--wt-danger);border:1px solid #fecaca;box-shadow:0 4px 12px #ef44441a}.settings-message--success{background:#f0fdf4e6;color:var(--wt-success);border:1px solid #bbf7d0;box-shadow:0 4px 12px #22c55e1a}.settings-danger-card{border:1px solid rgba(239,68,68,.3);background:linear-gradient(135deg,#fef2f2b3,#fee2e24d)}.settings-danger-card:before{background:linear-gradient(90deg,#ef4444,#f87171,#ef4444)}.settings-danger-card .settings-header{border-bottom-color:#ef444433}.settings-danger-card h2{color:var(--wt-danger)}.settings-danger-card p{color:#991b1b}.settings-logout-btn{background:#fffffff2;color:#ef4444;border:1px solid rgba(239,68,68,.4);padding:14px 32px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -2px #ef44441a}.settings-logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 12px 24px -6px #ef444466,inset 0 2px #fff3;transform:translateY(-2px)}@media (max-width: 768px){.settings-page{padding:20px 16px}.settings-card{padding:24px 20px;border-radius:20px}.settings-avatar-section{flex-direction:column!important;text-align:center!important;align-items:center!important;justify-content:center!important;padding:24px 20px!important;gap:20px!important}.settings-avatar-preview{width:100px;height:100px;margin:0 auto}.settings-avatar-initials{font-size:36px}.settings-avatar-actions{align-items:center!important;justify-content:center!important;width:100%!important;display:flex!important}.settings-info-grid{display:flex;flex-direction:column;gap:16px}.settings-info-item{flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.settings-info-label{font-size:12px}.settings-info-value{font-size:15px;text-align:right}.settings-form-group{padding:12px 16px!important}}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .18s ease}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--wt-surface, #fff);border-radius:20px;box-shadow:0 24px 64px #00000038,0 4px 16px #0000001f;padding:40px 36px 32px;max-width:420px;width:90%;text-align:center;animation:confirm-slide-up .22s cubic-bezier(.34,1.56,.64,1)}@keyframes confirm-slide-up{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-dialog__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-dialog__icon svg{width:30px;height:30px}.confirm-dialog__icon--warning{background:#f59e0b1f;color:#f59e0b;border:2px solid rgba(245,158,11,.3)}.confirm-dialog__icon--danger{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.25)}.confirm-dialog__title{font-size:20px;font-weight:700;color:var(--wt-text, #1e293b);margin:0 0 12px;line-height:1.3}.confirm-dialog__message{font-size:14.5px;color:var(--wt-text-muted, #64748b);line-height:1.65;margin:0 0 28px}.confirm-dialog__actions{display:flex;gap:12px;justify-content:center}.confirm-dialog__btn{flex:1;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.confirm-dialog__btn--cancel{background:var(--wt-surface-muted, #f1f5f9);color:var(--wt-text-muted, #64748b);border:1px solid var(--wt-border, #e2e8f0)}.confirm-dialog__btn--cancel:hover{background:var(--wt-border, #e2e8f0)}.confirm-dialog__btn--confirm.confirm-dialog__btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b59}.confirm-dialog__btn--confirm.confirm-dialog__btn--warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.confirm-dialog__btn--confirm.confirm-dialog__btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444459}.confirm-dialog__btn--confirm.confirm-dialog__btn--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.emp-master-page{position:relative;z-index:1;padding:40px 32px}.emp-master-page:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:100vw;height:800px;background:radial-gradient(circle at 30% 0%,rgba(99,102,241,.12),transparent 60%),radial-gradient(circle at 70% 30%,rgba(236,72,153,.08),transparent 50%);z-index:-1;pointer-events:none}.emp-master-page__header{border-bottom:1px solid rgba(226,232,240,.6);padding-bottom:24px;margin-bottom:32px}.emp-master-page .page-card__eyebrow{color:var(--wt-primary);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px;margin-bottom:8px}.emp-master-page .page-card__title{font-size:32px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:32px}.admin-kpi-grid .dashboard-kpi-card{padding:16px 20px;display:flex;flex-direction:row;align-items:center;gap:16px;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 10px 20px -10px #27416f1a,inset 0 1px #ffffff80;text-align:left}.admin-kpi-grid .dashboard-kpi-card__icon{margin:0;width:48px;height:48px;border-radius:14px;flex-shrink:0}.admin-kpi-grid .dashboard-kpi-card-content{display:flex;flex-direction:column;justify-content:center}.admin-kpi-grid .dashboard-kpi-card__label{font-size:11px;margin:0 0 4px;color:var(--wt-text-muted);font-weight:700;letter-spacing:.5px}.admin-kpi-grid .dashboard-kpi-card__value{font-size:24px;margin:0;font-weight:800;color:var(--wt-text);line-height:1}.emp-master-page .migration-panel{background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:32px;box-shadow:0 20px 40px -15px #27416f1a,0 0 0 1px #ffffff80 inset;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.emp-master-page .migration-panel:hover{box-shadow:0 30px 60px -20px #27416f26,0 0 0 1px #ffffffe6 inset}.emp-master-view-tabs{gap:8px;padding:6px;background:#f1f5f999;border-radius:14px;border:1px solid rgba(226,232,240,.8)}.emp-master-view-tabs .approval-tab-btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;color:var(--wt-text-muted);transition:all .3s ease;background:transparent;border:none}.emp-master-view-tabs .approval-tab-btn:hover{color:var(--wt-primary);background:#ffffff80}.emp-master-view-tabs .approval-tab-btn--active{background:#fff;color:var(--wt-primary);box-shadow:0 4px 12px #0000000d}.emp-master-search{margin:0 0 12px;background:#fff9;border:1px solid rgba(226,232,240,.9);padding:2px 16px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 2px 4px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;width:100%;max-width:500px}.emp-master-search:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f126,inset 0 1px 2px #00000003}.emp-master-search span{font-weight:700;color:var(--wt-text);font-size:14px}.emp-master-search input{flex:1;background:transparent;border:none;outline:none;font-size:14px;font-weight:500;color:var(--wt-text);padding:8px 0;margin:0;height:auto}.emp-master-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:0}.emp-master-table th{background:#f8faffcc;padding:16px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--wt-text-muted);letter-spacing:1px;border-bottom:2px solid rgba(226,232,240,.8)}.emp-master-table td{padding:16px;font-size:14px;font-weight:500;color:var(--wt-text);border-bottom:1px solid rgba(226,232,240,.5);background:transparent;transition:background .2s ease}.emp-master-table tr:hover td{background:#f8faff99}.emp-editor__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.emp-editor__grid label{font-size:13px;font-weight:700;color:var(--wt-text);margin-bottom:6px;display:block}.emp-editor__grid input,.emp-editor__grid select,.emp-editor__grid textarea{width:100%;padding:12px 16px;border:1px solid rgba(226,232,240,.9);border-radius:12px;font-size:14px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--wt-text);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.emp-editor__grid input:focus,.emp-editor__grid select:focus,.emp-editor__grid textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f126}.emp-editor__grid input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.emp-editor__section{background:#f8faff80;border:1px solid rgba(226,232,240,.6);border-radius:20px;padding:24px;margin-bottom:24px}.emp-editor__section h3{margin-top:0;font-size:18px;font-weight:700;color:var(--wt-text);margin-bottom:20px;border-bottom:1px solid rgba(226,232,240,.6);padding-bottom:12px}.emp-editor-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.emp-editor-actions button[type=button]{background:#ffffffe6;color:var(--wt-text-muted);border:1px solid rgba(226,232,240,.9);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.emp-editor-actions button[type=button]:hover{background:#f1f5f9;color:var(--wt-text)}.emp-editor-actions button[type=submit]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:12px 32px;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px -2px #4f46e54d}.emp-editor-actions button[type=submit]:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 10px 20px -4px #4f46e566}@media (max-width: 768px){.emp-master-page{padding:20px 16px}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpi-grid .dashboard-kpi-card{flex-direction:column;text-align:center;padding:20px 16px}.emp-master-page .migration-panel{padding:20px}}:root{--wt-font-sans: Inter, "Segoe UI", Arial, sans-serif;--wt-bg: #eaf6ff;--wt-surface: #ffffff;--wt-surface-muted: #f8fbff;--wt-sidebar: #16245f;--wt-sidebar-border: rgba(255, 255, 255, .08);--wt-primary: #5640a8;--wt-primary-strong: #4a34a1;--wt-primary-soft: #ece8ff;--wt-accent: #24c3f1;--wt-success: #1fb24a;--wt-danger: #e73d3d;--wt-text: #14213d;--wt-text-muted: #6d7b99;--wt-border: #d7e3f0;--wt-shadow-soft: 0 10px 24px rgba(16, 24, 40, .08);--wt-shadow-medium: 0 18px 38px rgba(21, 36, 79, .12);--wt-radius-card: 20px;--wt-radius-button: 14px;--wt-radius-pill: 999px;--wt-content-max: 1520px;--wt-sidebar-width: 256px;--wt-topbar-height: 64px}*{margin:0}html,body,#root{min-height:100%}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}img,svg{display:block}a{color:inherit;text-decoration:none}body{font-family:var(--wt-font-sans);background:var(--wt-bg);color:var(--wt-text)}.app-shell{height:100vh;overflow:hidden;display:grid;grid-template-columns:var(--wt-sidebar-width) minmax(0,1fr)}.sidebar{background:linear-gradient(175deg,#0b1120,#17103a);color:#f7f9ff;padding:16px 12px;position:sticky;top:0;height:100vh;box-sizing:border-box;overflow-y:auto;align-self:start;display:flex;flex-direction:column;gap:12px;box-shadow:inset -1px 0 #ffffff08,10px 0 30px #0003;z-index:20}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:4px 8px 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.sidebar__user{margin:-6px 8px 0;padding:14px 16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.sidebar__user strong{font-size:14px;font-weight:700;color:#fff}.sidebar__user span{font-size:12px;color:#f0f4ffb8}.sidebar__logo{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,#fff,#f0f6ff);padding:0;object-fit:contain;box-shadow:0 4px 12px #00000026}.sidebar__brand-title{font-size:18px;font-weight:800;line-height:1.1;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.sidebar__nav{display:grid;gap:2px;margin:0 4px}.sidebar__link{min-height:44px;padding:10px 16px;border-radius:14px;display:flex;align-items:center;gap:14px;color:#94a3b8;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.sidebar__link:hover{background:#ffffff14;color:#fff;transform:translate(6px)}.sidebar__link--active{background:linear-gradient(90deg,#6366f140,#a855f740);color:#fff;font-weight:700;box-shadow:inset 4px 0 #a5b4fc,0 4px 12px #0003}.sidebar__link--active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06));pointer-events:none}.sidebar__link-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__link-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;min-width:20px;height:20px;border-radius:10px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 2px 4px #ef444466}.sidebar__link[href*=approvals] .sidebar__link-badge{background-color:#eab308;box-shadow:0 2px 4px #eab30866;color:#422006}.sidebar__link-icon{width:20px;height:20px;flex:0 0 auto;opacity:.7;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar__link:hover .sidebar__link-icon{transform:scale(1.18) rotate(-3deg);opacity:1;filter:drop-shadow(0 4px 8px currentColor)}.sidebar__link--active .sidebar__link-icon{opacity:1;filter:drop-shadow(0 2px 6px currentColor);transform:scale(1.12)}.shell-main{min-width:0;overflow-y:auto;overflow-x:hidden}.shell-main__inner{zoom:.7}.app-shell--client .shell-main__inner--client{zoom:.9}.topbar__mobile-btn{display:none;width:40px;height:40px;border:none;border-radius:10px;background:#3463eb0d;color:#3463eb;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.topbar__mobile-btn:hover{background:#3463eb1a}.topbar{height:var(--wt-topbar-height);background:#fffffff5;border-bottom:1px solid rgba(190,205,226,.8);box-shadow:0 2px 10px #10182814;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:500}.topbar__title{font-size:22px;font-weight:800}.dashboard-page__welcome{margin-top:8px;color:#8e9dbf;font-size:15px;font-weight:500}.topbar__actions{display:flex;align-items:center;gap:10px}.topbar__meta{margin-top:4px;color:#7b89a5;font-size:13px;font-weight:600}.icon-button{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#4b5567;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .14s ease}.icon-button:hover{background:#eef4ff;color:var(--wt-primary)}.icon-button--danger{background:#ef2d2d;color:#fff}.icon-button--danger:hover{background:#d72626;color:#fff}.icon-button__icon{width:20px;height:20px}.content-area{padding:16px 20px 30px}.page-card{width:100%;margin:0 auto;background:linear-gradient(170deg,#fff 70%,#f4f9ff);border:1px solid rgba(213,225,241,.85);border-radius:20px;box-shadow:0 8px 32px #27416f1a,0 1px 4px #27416f0f;padding:24px 32px}.page-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:2px solid rgba(213,225,241,.7);margin-bottom:12px}.page-card__eyebrow{font-size:11.5px;font-weight:800;color:#5a78c4;text-transform:uppercase;letter-spacing:.08em;margin-top:0;margin-bottom:10px;background:linear-gradient(90deg,#3463eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:none!important}.page-card__title{font-size:52px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(125deg,#1a2744,#3463eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-card__status{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:42px;padding:0 16px;border-radius:99px;background:linear-gradient(135deg,#fff,#eef4ff);color:#3463eb;font-size:14px;font-weight:800;letter-spacing:.04em;border:1px solid rgba(52,99,235,.2);box-shadow:0 4px 12px #3463eb1f,inset 0 2px 4px #fff;text-transform:uppercase}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.shell-main{zoom:1}}@media (max-width: 720px){.topbar{padding:0 16px}.content-area{padding:16px}.page-card{padding:20px;border-radius:20px}.page-card__header{flex-direction:column}.page-card__title{font-size:36px}}.upm{position:relative;display:flex;align-items:center;gap:6px}.upm-actions{display:flex;align-items:center;gap:4px;margin-right:4px}.upm-action-btn{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#4b5567;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s ease,color .14s ease;position:relative}.upm-action-btn:hover,.upm-action-btn--active{background:#eef4ff;color:var(--wt-primary)}.upm-action-btn--logout{background:#e72d2d;color:#fff;border-radius:10px}.upm-action-btn--logout:hover{background:#cf2525;color:#fff}.upm-action-btn--logout .upm-menu__icon{color:#fff}.upm-action-btn__icon{width:20px;height:20px}.upm-badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.upm-avatar{border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.upm-pill{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:99px;border:1.5px solid rgba(190,205,226,.9);background:#fff;cursor:pointer;transition:box-shadow .16s ease,border-color .16s ease;color:#1e293b}.upm-pill:hover,.upm-pill--open{border-color:var(--wt-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.upm-pill__info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.upm-pill__name{font-size:13.5px;font-weight:700;color:#1e293b;white-space:nowrap}.upm-pill__role{font-size:11.5px;color:#7b89a5;font-weight:500}.upm-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:270px;background:#fff;border:1px solid rgba(190,205,226,.8);border-radius:18px;box-shadow:0 16px 48px #10182824;overflow:hidden;z-index:200;animation:upm-pop .16s cubic-bezier(.22,1,.36,1) both}@keyframes upm-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upm-dropdown__header{display:flex;align-items:center;gap:13px;padding:18px 18px 14px}.upm-dropdown__name{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 2px}.upm-dropdown__email{font-size:12px;color:#7b89a5;margin:0 0 6px}.upm-dropdown__role-badge{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--wt-primary, #6366f1)}.upm-dropdown__divider{height:1px;background:#becde280;margin:0}.upm-menu__item{width:100%;display:flex;align-items:center;gap:11px;padding:12px 18px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:background .12s ease,color .12s ease;text-align:left}.upm-menu__item:hover{background:#f1f5f9;color:#1e293b}.upm-menu__item--danger{color:#dc2626}.upm-menu__item--danger:hover{background:#fff1f1;color:#b91c1c}.upm-menu__icon{width:18px;height:18px;flex-shrink:0}.upm-menu__icon--danger{color:#dc2626}.upm-pw-form{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.upm-pw-form__title{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 2px}.upm-pw-form__input{width:100%;padding:9px 12px;border:1.5px solid rgba(190,205,226,.9);border-radius:10px;font-size:13px;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .14s ease;box-sizing:border-box}.upm-pw-form__input:focus{border-color:var(--wt-primary, #6366f1);background:#fff}.upm-pw-form__error{font-size:12px;color:#dc2626;margin:0}.upm-pw-form__success{font-size:13px;color:#16a34a;font-weight:600;text-align:center;padding:10px 0;margin:0}.upm-pw-form__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.upm-pw-form__cancel{padding:8px 16px;border-radius:9px;border:1.5px solid rgba(190,205,226,.9);background:transparent;font-size:13px;font-weight:600;cursor:pointer;color:#374151;transition:background .12s}.upm-pw-form__cancel:hover{background:#f1f5f9}.upm-pw-form__submit{padding:8px 18px;border-radius:9px;border:none;background:var(--wt-primary, #6366f1);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .12s}.upm-pw-form__submit:hover{opacity:.88}.notification-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(460px,calc(100vw - 32px));background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(214,226,242,.8);border-radius:24px;box-shadow:0 24px 64px #0f172a26,0 4px 12px #0f172a0f,inset 0 1px #ffffffe6;overflow:hidden;z-index:220}.notification-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 16px;background:linear-gradient(135deg,#f8faff,#fff);border-bottom:1px solid rgba(214,226,242,.6)}.notification-panel__tabs{display:flex;gap:8px;padding:12px 18px;background:#fdfdfe;border-bottom:1px solid rgba(214,226,242,.6);overflow-x:auto;scrollbar-width:none}.notification-panel__tabs::-webkit-scrollbar{display:none}.notification-panel__tab{padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;color:#64748b;background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.notification-panel__tab:hover{background:#f1f5f9;color:#334155}.notification-panel__tab--active{background:#e0e7ff;color:#4338ca}.notification-panel__header-left{display:flex;flex-direction:column;gap:4px}.notification-panel__live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#22c55e}.notification-panel__live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:np-pulse 1.8s ease-in-out infinite;box-shadow:0 0 #22c55e80}@keyframes np-pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.notification-panel__title{margin:0;font-size:18px;font-weight:900;color:#111827;letter-spacing:-.02em}.notification-panel__refresh{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:1.5px solid rgba(190,205,226,.9);border-radius:999px;background:#ffffffe6;color:#4f63a0;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.notification-panel__refresh:hover{background:#eef4ff;border-color:#3463eb;color:#3463eb}.notification-panel__body{max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;padding:16px;display:grid;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(190,205,226,.6) transparent}.notification-panel__empty,.notification-panel__error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;border-radius:16px;background:#f8fbff;border:1px dashed rgba(213,225,241,.9);font-size:13px;color:#7b89a5;text-align:center;font-weight:600}.notification-panel__error{color:#b91c1c;background:#fff6f6;border-color:#ef444433}.notification-card{display:flex;border-radius:18px;background:#fff;border:1px solid rgba(213,225,241,.6);box-shadow:0 4px 12px #11182705,0 1px 3px #11182705;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}.notification-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #11182714,0 4px 10px #1118270a}.notification-card--clickable{cursor:pointer}.notification-card--clickable:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 36px #1118271a,0 4px 12px #6366f114;border-color:#6366f166}.notification-card__go-arrow{display:inline-flex;align-items:center;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.notification-card--clickable:hover .notification-card__go-arrow{opacity:1;transform:translate(0)}.notification-card__accent{width:4px;flex-shrink:0;border-radius:4px 0 0 4px}.notification-card__inner{flex:1;padding:16px;min-width:0}.notification-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.notification-card__type{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.notification-card__type-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.notification-card__status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#3463eb14;color:#3463eb;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.notification-card__read-state{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.notification-card__read-state--new{background:#3463eb1f;color:#3459eb}.notification-card__read-state--seen{background:#94a3b824;color:#64748b}.notification-card--seen{opacity:.82}.notification-card--seen .notification-card__message{font-weight:500}.notification-card--new{border-color:#3463eb52;box-shadow:0 8px 20px #3463eb0f,0 1px 3px #11182705}.notification-card__message{margin:0;font-size:13.5px;line-height:1.5;font-weight:600;color:#1e293b}.notification-card__footer{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-card__owner,.notification-card__time{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#94a3b8;font-weight:600}[data-theme=dark] .upm-pill{background:#ffffff0f;border-color:#ffffff1f;color:#f0f4ff}[data-theme=dark] .upm-pill__name{color:#f0f4ff}[data-theme=dark] .upm-pill__role{color:#f0f4ff99}[data-theme=dark] .upm-dropdown{background:#1e2535;border-color:#ffffff1a}[data-theme=dark] .upm-dropdown__name{color:#f0f4ff}[data-theme=dark] .upm-dropdown__divider{background:#ffffff14}[data-theme=dark] .upm-menu__item{color:#d0d9f0}[data-theme=dark] .upm-menu__item:hover{background:#ffffff0f;color:#fff}[data-theme=dark] .upm-menu__item--danger:hover{background:#dc26261f}[data-theme=dark] .upm-pw-form__input{background:#161d2b;border-color:#ffffff1f;color:#f0f4ff}[data-theme=dark] .upm-action-btn{color:#f0f4ffb3}[data-theme=dark] .upm-action-btn:hover{background:#ffffff14;color:#fff}[data-theme=dark] .upm-action-btn--active{background:#ffffff1a;color:#fff}[data-theme=dark] .notification-panel{background:#1e2535;border-color:#ffffff1a}[data-theme=dark] .notification-panel__header{border-bottom-color:#ffffff14}[data-theme=dark] .notification-panel__header h3,[data-theme=dark] .notification-card__message{color:#f0f4ff}[data-theme=dark] .notification-panel__refresh{background:#ffffff0a;border-color:#ffffff1f;color:#d0d9f0}[data-theme=dark] .notification-panel__empty{background:#ffffff0a;border-color:#ffffff14;color:#d0d9f0}[data-theme=dark] .notification-card{background:linear-gradient(180deg,#ffffff0d,#ffffff08);border-color:#ffffff14}[data-theme=dark] .notification-card__id,[data-theme=dark] .notification-card__owner,[data-theme=dark] .notification-card__time,[data-theme=dark] .notification-panel__eyebrow{color:#f0f4ffa3}.migration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.migration-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.migration-panel{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px -10px #27416f1a,inset 0 1px #ffffffb3;transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275)}.migration-panel:hover{box-shadow:0 20px 40px -15px #27416f26,inset 0 1px #ffffffe6}.migration-panel__row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(214,226,242,.6)}.migration-panel__row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.attendance-log-header{align-items:flex-end;margin-bottom:24px}.migration-panel h2{font-size:18px;font-weight:800;color:#1a2744;margin-bottom:16px;letter-spacing:-.01em}.migration-panel__row h2{margin-bottom:0;font-size:18px;font-weight:800;color:#1a2744;letter-spacing:-.01em}.migration-panel p,.migration-panel li{color:var(--wt-text-muted);line-height:1.6}.migration-panel ul{padding-left:20px;display:grid;gap:10px}.migration-panel--full{margin-top:20px}.inline-action{display:inline-flex;align-items:center;min-height:40px;padding:0 20px;border-radius:99px;border:1px solid rgba(84,64,168,.18);background:linear-gradient(135deg,#f7f4ff,#fff);color:var(--wt-primary);font-size:14px;font-weight:700;box-shadow:0 2px 4px #00000005;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.inline-action:hover{transform:translateY(-2px);box-shadow:0 6px 12px #5440a814;background:#fff}.inline-action:active{transform:translateY(0)}.status-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:var(--wt-radius-pill);border:1px solid transparent;font-size:14px;font-weight:700}.status-pill--neutral{background:#f3f6fb;color:#64748b;border-color:#dce4ef}.status-pill--success{background:#eaf9ef;color:#13803c;border-color:#cdeed8}.status-pill--danger{background:#fff1f1;color:#c93333;border-color:#f2c8c8}.status-pill--warning{background:#fff7e7;color:#9b6700;border-color:#f4ddb2}.status-pill--info{background:#edf4ff;color:#2d63c7;border-color:#d7e4fb}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kv-grid>div{padding:14px 16px;border-radius:14px;background:#f8fbff;border:1px solid rgba(214,226,242,.95)}.kv-grid__label{display:block;margin-bottom:6px;color:#7b89a5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.checklist{list-style:none;padding-left:0;display:grid;gap:12px}.checklist__item{display:flex;align-items:flex-start;gap:10px;color:var(--wt-text-muted)}.checklist__dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--wt-accent),var(--wt-primary));margin-top:8px;flex:0 0 auto}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-card{border:1px solid rgba(214,226,242,.95);border-radius:18px;background:#fbfdff;padding:18px}.module-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.module-card__title-wrap{display:flex;align-items:flex-start;gap:12px}.module-card__icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#eef4ff,#f7fbff);border:1px solid rgba(214,226,242,.95);display:inline-flex;align-items:center;justify-content:center;color:var(--wt-primary)}.module-card__icon-svg{width:20px;height:20px}.module-card h3{font-size:18px;font-weight:800;margin-bottom:6px}.module-card p{color:var(--wt-text-muted);font-size:14px}.module-card__actions{display:flex;gap:10px;flex-wrap:wrap}.inline-action--ghost{background:#fff;color:#51617f;border-color:#d6e2f2f2}.inline-action--fms-form{position:relative;min-width:126px;justify-content:center;gap:8px;padding:0 18px 0 16px;border-color:#5850ed2e;background:linear-gradient(135deg,#5b71ff24,#fffffff5),linear-gradient(180deg,#fff,#f7f9ff);color:#3f37c9;font-weight:800;box-shadow:0 10px 22px #4f46e51a,0 1px #ffffffbf inset;letter-spacing:.01em;overflow:hidden}.inline-action--fms-form:before{content:"";width:9px;height:9px;border-radius:999px;background:linear-gradient(180deg,#6d71ff,#4f46e5);box-shadow:0 0 0 4px #4f46e51f;flex:0 0 auto}.inline-action--fms-form:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 25%,transparent 50%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.inline-action--fms-form:hover{transform:translateY(-2px) scale(1.01);border-color:#4f46e54d;color:#2f2aa7;box-shadow:0 14px 28px #4f46e529,0 1px #ffffffe6 inset}.inline-action--fms-form:hover:after{transform:translate(120%)}.inline-action--fms-form:active{transform:translateY(0) scale(.99)}.dashboard-page__welcome{margin-top:10px;color:var(--wt-text-muted);font-size:18px}.page-card__title--dashboard{font-size:42px}.dashboard-controls{display:flex;gap:12px;flex-wrap:wrap}.management-dashboard-tabs__controls{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(214,226,242,.7)}.management-dashboard-tabs__controls-row{justify-content:flex-end;align-items:flex-end}.management-dashboard-tabs__status{min-height:42px;display:inline-flex;align-items:center;white-space:nowrap}.management-dashboard-tabs__range{min-width:190px}fieldset{border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:16px;background:#fff;box-shadow:0 1px 3px #0000000d}fieldset:hover{border-color:#cbd5e1}legend{font-size:14px;font-weight:700;color:#0f172a;padding:4px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;text-transform:none;letter-spacing:normal;box-shadow:none}.dashboard-control{min-width:180px;display:flex;flex-direction:column;gap:6px}.dashboard-control span{font-size:12px;font-weight:600;color:#475569;text-transform:none;letter-spacing:normal;display:block;margin-bottom:0}.dashboard-control input,.dashboard-control select,.dashboard-control textarea{min-height:38px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;padding:8px 12px;color:#0f172a;font-weight:500;font-size:14px;outline:none;box-shadow:0 1px 2px #00000008;transition:all .2s ease;cursor:text;font-family:inherit}.dashboard-control select{cursor:pointer}.dashboard-control input[type=date],.dashboard-control input[type=time]{font-size:12.5px}.dashboard-control input[type=file]{padding:8px 12px;line-height:1.5;background:#f8fbff}.dashboard-control input[type=file]::file-selector-button{border:none;background:#e2e8f0;padding:6px 12px;border-radius:8px;color:#1e293b;cursor:pointer;margin-right:12px;font-weight:600;transition:background .2s}.dashboard-control input[type=file]::file-selector-button:hover{background:#cbd5e1}.dashboard-control textarea{resize:vertical;min-height:80px;line-height:1.5}.dashboard-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L6 6L10.5 1.5' stroke='%235A78C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.dashboard-control input:hover,.dashboard-control select:hover,.dashboard-control textarea:hover{border-color:#cbd5e1;background:#ffffffe6;box-shadow:inset 0 2px 4px #00000003,0 4px 12px #0000000a;transform:translateY(-1px)}.dashboard-control input:focus,.dashboard-control select:focus,.dashboard-control textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f626}.dashboard-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;margin:0;width:min(92vw,500px);border-radius:24px;border:none;background:#fff;padding:40px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;color:#0f172a;font-size:16px;font-weight:600;box-shadow:0 25px 50px -12px #00000059,0 0 0 100vw #0f172ab3;animation:popup-scale .5s cubic-bezier(.34,1.56,.64,1)}.dashboard-banner__close{margin-top:12px;background:#0f172a;color:#fff;border:none;border-radius:8px;padding:8px 24px;font-weight:700;cursor:pointer;width:100%;transition:background .2s}.dashboard-banner__close:hover{background:#334155}.auth-error-banner{margin-bottom:24px;border-radius:12px;border:1px solid #fecaca;background:#fef2f2;padding:16px;display:flex;align-items:center;gap:12px;color:#b91c1c;font-weight:500;font-size:14px}.dashboard-banner--error{border-top:6px solid #ef4444}.dashboard-banner--success{border-top:6px solid #10b981}@keyframes popup-scale{0%{opacity:0;transform:translate(-50%,-40%) scale(.9);box-shadow:0 25px 50px -12px #0000,0 0 0 100vw #0f172a00}to{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 25px 50px -12px #00000059,0 0 0 100vw #0f172ab3}}@keyframes kpi-rise{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mini-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes donut-spin{0%{transform:rotate(-90deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes fill-slide{0%{width:0!important}}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:24px}.dashboard-kpi-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:0 10px 30px -10px #1f26871a,inset 0 1px #fffc;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;animation:kpi-rise .42s cubic-bezier(.22,1,.36,1) both;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dashboard-kpi-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #27416f26,inset 0 1px #ffffffe6}.dashboard-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);opacity:0;transition:opacity .4s ease}.dashboard-kpi-card:nth-child(1){animation-delay:.04s}.dashboard-kpi-card:nth-child(2){animation-delay:.09s}.dashboard-kpi-card:nth-child(3){animation-delay:.14s}.dashboard-kpi-card:nth-child(4){animation-delay:.19s}.dashboard-kpi-card:nth-child(5){animation-delay:.24s}.dashboard-kpi-card:nth-child(6){animation-delay:.29s}.dashboard-kpi-card--interactive{border:none;width:100%;font:inherit;text-align:center;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.dashboard-kpi-card--interactive:hover,.dashboard-kpi-card--interactive:focus-visible{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 36px #27416f29;outline:none}.dashboard-kpi-card--interactive:hover:before,.dashboard-kpi-card--interactive:focus-visible:before{opacity:1}.dashboard-kpi-card__icon{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;flex-shrink:0;box-shadow:0 8px 16px -4px #0000001a,inset 0 1px #fff6}.dashboard-kpi-card-content{display:flex;flex-direction:column;justify-content:center;width:100%}.approvals-kpi-grid .dashboard-kpi-card{padding:16px 20px;display:flex;flex-direction:row;align-items:center;gap:16px;text-align:left}.approvals-kpi-grid .dashboard-kpi-card__icon{width:48px;height:48px;border-radius:14px;margin:0;flex-shrink:0}.approvals-kpi-grid .dashboard-kpi-card__label{margin:0 0 4px}.approvals-kpi-grid .dashboard-kpi-card__value{font-size:24px}.dashboard-kpi-card__icon--blue{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.dashboard-kpi-card__icon--green{background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff}.dashboard-kpi-card__icon--teal{background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#fff}.dashboard-kpi-card__icon--cyan{background:linear-gradient(135deg,#22d3ee,#0891b2);color:#fff}.dashboard-kpi-card__icon--red{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff}.dashboard-kpi-card__icon--purple{background:linear-gradient(135deg,#c084fc,#9333ea);color:#fff}.dashboard-kpi-card__icon--orange{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}.dashboard-kpi-card__icon-svg{width:22px;height:22px}.dashboard-kpi-card__label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 12px}.dashboard-kpi-card__value{font-size:32px;line-height:1;margin:0;font-weight:800;color:#1e293b;letter-spacing:-.02em}.dashboard-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.dashboard-mini-card{min-height:96px;border-radius:22px;border:1px solid rgba(255,255,255,.7);background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px #1f268714;padding:22px 26px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;animation:mini-slide .38s cubic-bezier(.22,1,.36,1) .32s both;transition:transform .3s ease,box-shadow .3s ease}.dashboard-mini-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px -10px #1f26871f}.dashboard-mini-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:22px 0 0 22px;opacity:.85}.dashboard-mini-card--warn{border-color:#ffbe7899}.dashboard-mini-card--warn:before{background:linear-gradient(180deg,#ffb74d,#f97316)}.dashboard-mini-card--success{border-color:#86e1a999}.dashboard-mini-card--success:before{background:linear-gradient(180deg,#4ade80,#16a34a)}.dashboard-mini-card__label{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:800;color:#8e9dbf;margin-bottom:10px}.dashboard-mini-card__value{font-size:36px;line-height:1;font-weight:900;color:#1a2744;letter-spacing:-.02em}.dashboard-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.dashboard-summary{display:flex;gap:24px;align-items:center}.dashboard-summary__stats{flex:1;display:grid;gap:14px}.dashboard-summary__stats div{display:flex;justify-content:space-between;gap:12px;color:#8e9dbf;font-size:13.5px;padding-bottom:12px;border-bottom:1px dashed rgba(214,226,242,.8)}.dashboard-summary__stats div:last-child{border-bottom:none;padding-bottom:0}.dashboard-summary__stats strong{color:#1a2744;font-weight:800}.dashboard-donut{position:relative;width:136px;height:136px;flex:0 0 auto;animation:donut-spin .55s cubic-bezier(.22,1,.36,1) .35s both}.dashboard-donut__ring{width:100%;height:100%;border-radius:50%;box-shadow:0 4px 20px #3463eb2e}.dashboard-donut__inner{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:50%;background:linear-gradient(135deg,#fff 60%,#f0f6ff);box-shadow:inset 0 2px 8px #3463eb14;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-donut__inner strong{font-size:28px;font-weight:900;color:#3463eb;line-height:1;letter-spacing:-.02em}.dashboard-donut__inner span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#96a0b5;font-weight:800;margin-top:3px}.spark-bars{min-height:228px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end}.spark-bars__item{height:100%;display:grid;gap:10px}.spark-bars__bar-wrap{height:180px;display:flex;align-items:end}.spark-bars__bar{width:100%;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#93b8ff,#3463eb 60%,#2d4fc8);min-height:12px;box-shadow:0 4px 16px #3463eb40;transform-origin:bottom;animation:bar-grow .5s cubic-bezier(.22,1,.36,1) both;transition:opacity .2s ease}.spark-bars__item:nth-child(1) .spark-bars__bar{animation-delay:.05s}.spark-bars__item:nth-child(2) .spark-bars__bar{animation-delay:.1s}.spark-bars__item:nth-child(3) .spark-bars__bar{animation-delay:.15s}.spark-bars__item:nth-child(4) .spark-bars__bar{animation-delay:.2s}.spark-bars__item:nth-child(5) .spark-bars__bar{animation-delay:.25s}.spark-bars__item:nth-child(6) .spark-bars__bar{animation-delay:.3s}.spark-bars__item:nth-child(7) .spark-bars__bar{animation-delay:.35s}.spark-bars__bar:hover{opacity:.82}.spark-bars__item span{text-align:center;font-size:11.5px;color:#8e9dbf;font-weight:700}.breakdown-list{display:grid;gap:20px;margin-top:14px}.breakdown-list__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.breakdown-list__meta span{color:#6a7b9a;font-size:13.5px;font-weight:600}.breakdown-list__meta strong{font-size:18px;font-weight:900;color:#1a2744;min-width:20px;text-align:right}.breakdown-list__track{height:10px;border-radius:999px;background:linear-gradient(90deg,#eef3fb,#e8eefa);overflow:hidden}.breakdown-list__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#93b8ff,#4a41d3);box-shadow:0 2px 8px #4a41d34d;animation:fill-slide .7s cubic-bezier(.22,1,.36,1) .4s both}.dashboard-table-wrap{overflow-x:auto;border-radius:16px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px -10px #1f268714,inset 0 1px #fffc}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:16px 20px;border-bottom:1px solid rgba(214,226,242,.5);text-align:left;vertical-align:middle}.dashboard-table thead tr{background:#f0f6ff66}.dashboard-table th{color:#3a4e7a;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dashboard-table tbody tr{transition:all .25s ease}.dashboard-table tbody tr:nth-child(2n){background:#fff6}.dashboard-table tbody tr:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #1f26870d;position:relative;z-index:10}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table__empty{color:#8e9dbf;text-align:center!important;padding:36px 12px!important;font-size:14px}.my-approval-status__title{font-size:46px}.my-approval-status__title~* .page-card__header,section.page-card:has(.my-approval-status__title) .page-card__header{padding-bottom:12px;margin-bottom:0}.my-approval-status__filters{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px}.my-approval-status__filters-search{min-width:0}.my-approval-status__summary-pill{margin-top:12px}.my-approval-status__type-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #dbe6f4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.my-approval-status__type-chip--ticket{background:#edf4ff;color:#2d63c7;border-color:#d7e4fb}.my-approval-status__type-chip--leave{background:#f4ecff;color:#7a3fe2;border-color:#e3d2ff}.my-approval-status__type-chip--attendance{background:#eaf9ef;color:#13803c;border-color:#cdeed8}.my-approval-status__type-chip--intimation{background:#fff3e8;color:#b86a00;border-color:#f4ddb2}.my-approval-status__subtype{font-weight:700;color:#1a2744}.my-approval-status__date{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#64748b}.my-approval-status__reason{max-width:340px;color:#51617f}.my-approval-status__remarks{background:#f8fbff;border:1px solid rgba(214,226,242,.95);border-radius:12px;padding:10px 12px;color:#51617f;font-size:13px;line-height:1.55;white-space:pre-wrap}.my-approval-status__empty-remarks{color:#94a3b8;font-style:italic}.react-data-table{display:grid;gap:14px}.react-data-table__toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.react-data-table__length,.react-data-table__search{display:inline-flex;align-items:center;gap:10px;color:#475569;font-size:14px}.react-data-table__length select,.react-data-table__search input{min-height:42px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;padding:6px 12px;box-shadow:0 1px 2px #0f172a0a}.react-data-table__search input{width:210px;min-width:210px}.react-data-table__sort-btn{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:0;color:inherit;font:inherit}.react-data-table__header-label{text-transform:uppercase;letter-spacing:.05em}.react-data-table__sort{display:inline-grid;gap:0;color:#c7d2e4;font-size:10px;line-height:.85}.react-data-table__sort--active{color:#5b6fd6}.react-data-table__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.react-data-table__info{color:#475569;font-size:14px}.react-data-table__pager{display:inline-flex;align-items:center;gap:6px}.react-data-table__pager button{min-width:34px;min-height:34px;border-radius:10px;border:1px solid #dbe4f0;background:#fff;color:#475569;padding:0 10px}.react-data-table__pager button:hover:not(:disabled){background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.react-data-table__pager button:disabled{opacity:.6;cursor:not-allowed}.react-data-table__pager-current{background:#2f6df6!important;color:#fff!important;border-color:#2f6df6!important}.attendance-page .page-card__header{align-items:center}.attendance-page .page-card__header .attendance-action-row{margin-top:0}.attendance-page{padding:16px 18px 18px}.attendance-page .page-card__header{padding-bottom:8px;margin-bottom:8px}.attendance-page .page-card__title{font-size:34px;line-height:1.05}.attendance-page .attendance-live-timer{margin-top:8px;padding:6px 12px}.attendance-page .attendance-action-row{margin-top:12px;gap:10px}.attendance-page .attendance-section-head{margin-top:2px;margin-bottom:8px}.attendance-page .migration-panel--full{padding-top:18px}.attendance-page .attendance-log-header{margin-bottom:8px!important}.attendance-live-timer{margin-top:12px;display:inline-flex;align-items:center;gap:10px;background:#dcebff;color:#2448aa;padding:8px 14px;border-radius:999px}.attendance-live-timer__icon{width:18px;height:18px}.attendance-action-row{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.attendance-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:99px;padding:0 28px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 12px -2px #00000026,inset 0 2px 2px #ffffff4d;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.attendance-cta:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 20px -4px #0003,inset 0 2px 2px #fff6}.attendance-cta:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a}.attendance-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.attendance-cta--green{background:linear-gradient(135deg,#34d399,#059669)}.attendance-cta--blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.attendance-cta--purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.attendance-cta--red{background:linear-gradient(135deg,#f87171,#dc2626)}.attendance-cta--gray{background:linear-gradient(135deg,#94a3b8,#475569)}.attendance-cta--hidden{display:none}.attendance-tabs{display:flex;gap:12px;border-bottom:2px solid rgba(214,226,242,.5);margin-bottom:28px;flex-wrap:wrap;padding-bottom:12px}.attendance-tab{background:transparent;border:0;border-radius:99px;padding:10px 24px;color:var(--wt-text-muted);font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.attendance-tab:hover{color:var(--wt-text);background:#ffffff80}.attendance-tab--active{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 4px 12px #2563eb4d}.attendance-punch-pane{display:grid;gap:18px}.attendance-camera-card{width:min(100%,520px);position:relative}.attendance-camera{width:100%;min-height:280px;border-radius:18px;background:#000;border:1px solid rgba(214,226,242,.95);object-fit:cover;transform:scaleX(-1)}.attendance-camera__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0f172ab3;border-radius:18px;padding:20px;text-align:center}.attendance-camera-card[data-captured=true] video,.attendance-camera-card[data-captured=true] .attendance-camera__fallback{display:none!important;visibility:hidden!important}.attendance-camera-card[data-captured=true] .attendance-captured-photo{display:block!important;visibility:visible!important}.attendance-capture-canvas{display:none!important;width:0!important;height:0!important;position:absolute!important;visibility:hidden!important;pointer-events:none!important}.attendance-punch-actions{display:flex;gap:12px;flex-wrap:wrap}.attendance-cta--busy{position:relative;min-width:168px}.attendance-cta--busy:after{content:"";width:14px;height:14px;margin-left:10px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;display:inline-block;vertical-align:-2px;animation:wt-spin .75s linear infinite}@keyframes wt-spin{to{transform:rotate(360deg)}}.attendance-field--hidden{display:none}.attendance-captured-photo{width:min(100%,520px);border-radius:18px;border:1px solid rgba(214,226,242,.95);box-shadow:var(--wt-shadow-soft)}.attendance-date-card{width:72px;min-height:78px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;box-shadow:0 2px 5px #0f172a14}.attendance-date-card span,.attendance-date-card small{color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase}.attendance-date-card strong{color:#243b68;font-size:23px;line-height:1}.attendance-event{display:grid;gap:7px}.attendance-event>strong{color:#334155;font-size:16px;white-space:nowrap}.attendance-event__meta{display:flex;gap:6px}.attendance-meta-chip{border:1px solid #e2e8f0;border-radius:5px;color:#cbd5e1;font-size:9px;padding:2px 5px}.attendance-meta-chip--location{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.attendance-meta-chip--photo{color:#9333ea;background:#faf5ff;border-color:#e9d5ff}.attendance-empty-time{color:#94a3b8;font-size:14px}.attendance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #27416f0f;border:1px solid rgba(214,226,242,.8)}.attendance-popup-form{padding:0;background:transparent;border:none;box-shadow:none}.attendance-popup-form__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.attendance-policy-card{display:flex;flex-direction:column;gap:18px;min-width:0}.attendance-policy-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.attendance-policy-card__header h3{margin:0;font-size:22px;line-height:1.2;color:var(--wt-heading)}.attendance-policy-card__subtitle{margin-top:6px;font-size:13px;color:#6b7a95}.attendance-policy-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.attendance-policy-card__actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:2px;flex-wrap:wrap}.attendance-policy-card__toggle{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#30415f}.attendance-policy-card__toggle input{width:18px;height:18px;accent-color:var(--wt-primary)}.attendance-policy-card__action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.attendance-policy-card__action-buttons .attendance-cta{min-width:180px}.attendance-form-grid__full{grid-column:1 / -1}.attendance-form-grid textarea{min-height:130px;border-radius:12px;border:1.5px solid var(--wt-border);background:#fafcff;padding:14px 16px;color:var(--wt-text);outline:none;resize:vertical;font-size:14px;line-height:1.6;transition:border-color .18s ease}.attendance-form-grid textarea:focus{border-color:#3463eb;background:#fff}.attendance-form-grid .dashboard-control input,.attendance-form-grid .dashboard-control select{border:1.5px solid var(--wt-border);background:#fafcff;transition:border-color .18s ease}.attendance-form-grid .dashboard-control input:focus,.attendance-form-grid .dashboard-control select:focus{border-color:#3463eb;background:#fff}.attendance-form-grid>button[type=submit]{margin-top:6px}.attendance-section-head{margin-top:20px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(214,226,242,.95);display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.attendance-section-tabs{display:flex;gap:16px}.attendance-team-toolbar{display:grid;grid-template-columns:1fr .7fr 1fr;gap:16px;align-items:end;margin-bottom:18px}.attendance-team-toolbar__search,.attendance-team-toolbar__date{margin:0}.attendance-team-user{display:grid;gap:4px}.attendance-team-user strong{color:var(--wt-text)}.attendance-team-user span{color:var(--wt-text-muted);font-size:12.5px}.attendance-team-table__edit{min-height:40px;padding:0 16px;border-radius:12px;font-size:13px}.attendance-team-modal{width:min(860px,calc(100vw - 24px));max-width:860px}.attendance-team-modal .app-modal__body{overflow-x:hidden}.attendance-team-modal__meta{margin:6px 0 0;color:var(--wt-text-muted);font-size:13px;line-height:1.5}.attendance-team-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendance-time-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 110px;gap:10px;align-items:center}.attendance-time-picker>*{width:100%;min-width:0}.attendance-time-picker select{min-width:0}.attendance-choice{position:relative;min-width:0;width:100%}.attendance-choice__trigger{width:100%;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--wt-border);background:#fff;color:var(--wt-text);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;cursor:pointer}.attendance-choice__trigger:focus-visible{outline:2px solid var(--wt-primary);outline-offset:2px}.attendance-choice__caret{color:var(--wt-text-muted);font-size:14px;line-height:1}.attendance-choice__menu{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:100%;min-width:100%;max-height:180px;overflow:auto;padding:8px;border-radius:14px;border:1px solid rgba(201,217,240,.92);background:#fff;box-shadow:0 16px 38px #12275029}.attendance-choice__option{width:100%;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--wt-text);font-size:13px;text-align:left;cursor:pointer}.attendance-choice__option:hover,.attendance-choice__option--selected{background:#4568dc1a;color:var(--wt-primary)}.attendance-time-picker__value{margin-top:6px;min-height:18px;color:var(--wt-text-muted);font-size:12px;font-weight:700}.attendance-time-split-row{display:grid;grid-template-columns:68px 8px 68px 84px 76px;gap:6px;align-items:center}.attendance-time-split-row__part,.attendance-time-split-row__period{width:100%;min-width:0;min-height:40px;border-radius:12px;border:1px solid var(--wt-border);background:#fff;color:var(--wt-text);padding:0 10px;font-size:13px;font-weight:600;outline:none}.attendance-time-split-row__part:focus,.attendance-time-split-row__period:focus{border-color:var(--wt-primary);box-shadow:0 0 0 3px #3463eb1f}.attendance-time-split-row__part{text-align:center}.attendance-time-split-row__colon{color:var(--wt-text-muted);font-size:18px;font-weight:700;text-align:center}.attendance-time-split-row__clear{white-space:nowrap;min-height:40px;padding-inline:12px;font-size:13px}.attendance-team-modal__hint{margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(201,217,240,.92);background:#f7faff;color:var(--wt-text-muted);font-size:13px;line-height:1.55}.attendance-team-modal__actions{margin-top:18px;justify-content:flex-end}.ticket-filter-actions{display:flex;gap:10px;flex-wrap:wrap}.ticket-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ticket-filter-grid select[multiple]{min-height:120px;padding-top:12px;padding-bottom:12px}.ticket-form-grid{display:grid;gap:24px;align-items:start}.ticket-form-grid fieldset{border:1px solid rgba(226,232,240,.8);border-radius:20px;background:#fff;padding:24px 28px;margin:0;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000003;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.ticket-form-grid fieldset:hover{transform:translateY(-2px);box-shadow:0 14px 28px -5px #0000000f,0 10px 10px -6px #00000005}.ticket-form-grid legend{font-size:14px;font-weight:700;color:#1e293b;background:#fff;padding:6px 16px;border:1px solid rgba(226,232,240,.8);border-radius:12px;box-shadow:0 2px 4px #00000005;letter-spacing:.02em}.ticket-form-grid .dashboard-control span{font-weight:600;color:#64748b;font-size:12.5px;margin-bottom:8px;text-transform:none}.ticket-form-grid .dashboard-control input,.ticket-form-grid .dashboard-control select,.ticket-form-grid .dashboard-control textarea{border-radius:10px;border:1.5px solid #e2e8f0;padding:11px 16px;background-color:#fcfcfc;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px;color:#334155}.ticket-form-grid .dashboard-control input:focus,.ticket-form-grid .dashboard-control select:focus,.ticket-form-grid .dashboard-control textarea:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f;outline:none}.ticket-form-grid .dashboard-control input:hover:not(:disabled),.ticket-form-grid .dashboard-control select:hover:not(:disabled),.ticket-form-grid .dashboard-control textarea:hover:not(:disabled){border-color:#cbd5e1;background-color:#fff}.ticket-action-dialog{gap:12px}.ticket-action-dialog .dashboard-control>span{margin-bottom:6px}.ticket-form-grid textarea{min-height:120px}.ticket-action-dialog textarea{min-height:92px;resize:none}.ticket-action-dialog__upload{gap:8px}.ticket-action-dialog__upload input[type=file]{width:100%;min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid var(--wt-border);background:#f8fbff;color:var(--wt-text);font-size:13px}.ticket-action-dialog__actions{margin-top:6px;justify-content:flex-end}.ticket-form-grid__full{grid-column:1 / -1}.ticket-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ticket-id-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:#edf4ff;color:#3463eb;font-size:12px;font-weight:800;white-space:nowrap}.ticket-actions{display:flex;gap:8px;flex-wrap:wrap}.view-mode-tabs{display:inline-flex;gap:12px;align-items:center;margin-bottom:24px;padding:6px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:99px;box-shadow:0 10px 30px -10px #1f26870d,inset 0 1px #fffc}.ticket-id-chip--button{border:0;cursor:pointer;font:inherit}.ticket-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.ticket-details-grid>div{display:grid;gap:.25rem;border:1px solid #e2eaf5;border-radius:10px;padding:.75rem}.ticket-details-grid strong{color:#687b9a;font-size:.7rem;text-transform:uppercase}.ticket-details-grid__full{grid-column:1 / -1}.ticket-details-copy{white-space:pre-wrap;max-height:180px;overflow:auto}.ticket-details-grid a{color:#3d68d9;text-decoration:underline;margin-right:.75rem}.view-mode-tab{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:99px;background:transparent;color:#7b89a5;cursor:pointer;font-weight:700;font-size:14px;padding:10px 22px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.view-mode-tab__icon{width:18px;height:18px;opacity:.7;transition:all .25s ease}.view-mode-tab:hover{color:#3463eb;background:#edf4ff99}.view-mode-tab:hover .view-mode-tab__icon{opacity:1}.view-mode-tab--active{background:linear-gradient(135deg,#3463eb,#5a4fcf);color:#fff;box-shadow:0 4px 14px #3463eb40,inset 0 2px 4px #fff3}.view-mode-tab--active:hover{color:#fff;background:linear-gradient(135deg,#2b55cc,#4f46e5)}.view-mode-tab--active .view-mode-tab__icon{opacity:1}.ticket-table{width:100%;min-width:0;table-layout:fixed}.ticket-table th:last-child,.ticket-table td:last-child{width:10%;min-width:0}.ticket-table th:nth-child(1),.ticket-table td:nth-child(1){width:9%}.ticket-table th:nth-child(2),.ticket-table td:nth-child(2){width:9%}.ticket-table th:nth-child(3),.ticket-table td:nth-child(3){width:14%}.ticket-table th:nth-child(4),.ticket-table td:nth-child(4){width:10%}.ticket-table th:nth-child(5),.ticket-table td:nth-child(5){width:4%}.ticket-table th:nth-child(6),.ticket-table td:nth-child(6),.ticket-table th:nth-child(7),.ticket-table td:nth-child(7){width:6%}.ticket-table th:nth-child(8),.ticket-table td:nth-child(8){width:7%}.ticket-table th:nth-child(9),.ticket-table td:nth-child(9){width:8%}.ticket-table th:nth-child(10),.ticket-table td:nth-child(10){width:12%}.ticket-table th:nth-child(11),.ticket-table td:nth-child(11){width:7%}.ticket-table td{overflow-wrap:normal;overflow:hidden;box-sizing:border-box}.ticket-table td:nth-child(2),.ticket-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.ticket-table td:nth-child(4),.ticket-table td:nth-child(5),.ticket-table td:nth-child(6),.ticket-table td:nth-child(7),.ticket-table td:nth-child(8),.ticket-table td:nth-child(9),.ticket-table td:nth-child(10),.ticket-table td:nth-child(11){white-space:normal;text-align:center;line-height:1.15;overflow-wrap:normal}.ticket-table .status-pill{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;min-height:34px;max-width:100%;padding:4px 6px;font-size:11px;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}.ticket-table td:last-child .ticket-actions{flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;overflow:hidden}.ticket-table td:last-child .ticket-action-btn,.ticket-table td:last-child .ticket-action-state{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;padding-left:4px;padding-right:4px;white-space:normal;text-align:center}.ticket-table .ticket-id-chip{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-assignee-cell{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2;text-align:center;width:100%}.ticket-assignee-cell strong,.ticket-assignee-cell span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis}.ticket-assignee-cell strong{font-weight:700;color:#2563eb;font-size:13px}.ticket-assignee-cell span{font-size:12px;color:#111827;font-weight:500}.ticket-filter-grid>.dashboard-control,.ticket-filter-grid>.ticket-filter-dropdown-control{min-width:0}.ticket-filter-dropdown-control,.ticket-filter-dropdown{position:relative}.ticket-filter-dropdown summary{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:8px 12px;border:1px solid #cfdbed;border-radius:8px;background:#fff;color:#1f3d70;cursor:pointer;list-style:none}.ticket-filter-dropdown summary::-webkit-details-marker{display:none}.ticket-filter-dropdown summary:after{content:"▼";color:#71809c;font-size:13px}.ticket-filter-dropdown[open] summary{border-color:#6b5be7;box-shadow:0 0 0 3px #6b5be71f}.ticket-filter-dropdown__menu{position:absolute;z-index:200;top:calc(100% + 6px);left:0;min-width:100%;max-height:230px;overflow-y:auto;padding:8px;border:1px solid #cfdbed;border-radius:10px;background:#fff;box-shadow:0 14px 30px #1f305429}.ticket-filter-dropdown__option{display:flex;align-items:center;gap:9px;min-height:34px;padding:5px 8px;border-radius:7px;color:#1f3d70;cursor:pointer;white-space:nowrap}.ticket-filter-dropdown__option:hover{background:#f2f6ff}.ticket-filter-dropdown__option input{accent-color:#5142d5;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;max-width:13px!important;max-height:13px!important;flex-shrink:0!important;margin:0!important}.ticket-action-btn{min-height:28px;border-radius:99px;border:1px solid transparent;padding:0 16px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;justify-content:center;letter-spacing:.03em;text-transform:uppercase}.ticket-action-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 12px -2px #00000026}.ticket-action-btn:active:not(:disabled){transform:translateY(0)}.ticket-action-btn:disabled{opacity:.6;cursor:wait}.ticket-action-btn--start{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.ticket-action-btn--pause{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b40}.ticket-action-btn--delete{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444440}.ticket-action-btn--done{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f640}.ticket-action-btn--schedule{background:#8b5cf6;color:#fff;box-shadow:0 2px 8px #8b5cf640}.ticket-action-btn--assign{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f140}.ticket-action-btn--chat{background:#64748b;color:#fff;box-shadow:0 2px 8px #64748b40;position:relative;gap:8px;padding-right:18px}.ticket-action-btn--unread-active{box-shadow:0 2px 10px #ef444438,0 0 0 1px #ef44442e}.chat-unread-dot{position:absolute;top:5px;right:7px;width:8px;height:8px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px #fff,0 0 12px #ef444473;pointer-events:none;animation:chat-unread-pulse 1.8s ease-in-out infinite}@keyframes chat-unread-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.8}}.ticket-row--in-progress{background:linear-gradient(to right,#22c55e17,#22c55e05)!important;position:relative}.ticket-row--in-progress>td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#22c55e;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:0 0 10px #22c55e80;animation:pulse-in-progress 2s infinite}@keyframes pulse-in-progress{0%{opacity:.6}50%{opacity:1;box-shadow:0 0 16px #22c55ecc}to{opacity:.6}}.ticket-action-btn--client{background:linear-gradient(135deg,#fdf4ff,#fae8ff);color:#a21caf;border-color:#a21caf26;box-shadow:0 4px 12px #a21caf14}.ticket-action-state{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.ticket-action-state--pending{background:#fff7d6;color:#9a6700;border:1px solid #f2d47b}.ticket-action-state--closed{background:#e8fbef;color:#178f40;border:1px solid #caeed7}.ticket-action-btn--muted{background:#f3f6fb;color:#7b89a5;border-color:#dce4ef}.todo-table__check-col{width:52px;text-align:center}.todo-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.todo-checkbox input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.todo-checkbox__box{width:22px;height:22px;border:1.5px solid #97a6bf;border-radius:4px;background:#fff;transition:all .14s ease;position:relative}.todo-checkbox input:checked+.todo-checkbox__box{background:#3463eb;border-color:#3463eb;box-shadow:0 6px 16px #3463eb38}.todo-checkbox input:checked+.todo-checkbox__box:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.todo-checkbox input:disabled+.todo-checkbox__box{opacity:.65}.todo-row{transition:opacity .16s ease,background-color .16s ease}.todo-row--completed{opacity:.72}.todo-row--completed .todo-table__task-text{text-decoration:line-through;color:#8b96aa}.todo-row--completed .ticket-id-chip,.todo-row--completed td{color:#8693a9}.fms-tabs-row{display:flex;gap:14px;flex-wrap:wrap;border-bottom:1px solid rgba(214,226,242,.95);padding-bottom:6px}.fms-tab-count{margin-left:8px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:20px;border-radius:999px;background:#eef4ff;color:#3463eb;font-size:11px;font-weight:800;padding:0 6px}.approval-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.approval-tab-btn{min-height:46px;border-radius:14px;border:1px solid var(--wt-border);background:#fff;color:#5e6f8f;padding:0 18px;display:inline-flex;align-items:center;gap:10px;font-weight:700}.approval-tab-btn--active{background:linear-gradient(135deg,#4f46e5,#6c43d6);color:#fff;border-color:transparent;box-shadow:0 12px 24px #4f46e533}.approval-tab-btn__count{min-width:24px;height:24px;border-radius:999px;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px}.approval-tab-btn:not(.approval-tab-btn--active) .approval-tab-btn__count{background:#eef3ff;color:#395ed8}.inner-dashboard-tabs{display:flex;background:#eef4ffb3;padding:6px;border-radius:14px;gap:4px;border:1px solid rgba(214,226,242,.6)}.inner-dashboard-tab-btn{border-radius:10px;padding:8px 18px;font-weight:700;font-size:14px;color:#51617f;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.inner-dashboard-tab-btn:hover{background:#fff9;color:#3463eb}.inner-dashboard-tab-btn--active{background:#fff;color:#3463eb;box-shadow:0 4px 12px #27416f14}.approval-tab-btn__count--muted{background:#f3f6fb!important;color:#7a8ba7!important}.approval-filter-card{margin-bottom:18px;border-radius:18px;border:1px solid rgba(214,226,242,.95);background:linear-gradient(180deg,#fff,#fbfdff);padding:18px}.approval-filter-grid{display:flex;gap:14px;flex-wrap:wrap}.approval-filter-grid>*{flex:1}.approval-filter-grid__wide{flex:2}.approval-filter-actions{display:flex;align-items:flex-end;flex:0 0 auto;margin-top:0}.approval-table__copy{min-width:220px;white-space:normal;line-height:1.5}.approval-user-cell{display:grid;gap:4px}.approval-user-cell strong{color:var(--wt-text);font-size:14px}.approval-user-cell span{color:#8b97ad;font-size:12px}.expenses-view-switcher{padding-top:14px;padding-bottom:14px;margin-bottom:20px}.expenses-view-switcher .approval-tabs{margin-bottom:0}.expenses-approval-filter-card{margin-bottom:16px}.expenses-approval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}.expenses-approval-grid__action{display:flex;align-items:flex-end;justify-content:flex-start;min-width:fit-content}.approval-table__identity{display:grid;gap:4px;min-width:140px}.approval-table__identity strong{color:var(--wt-text);line-height:1.35}.approval-table__identity span{color:#71829f;font-size:12px;line-height:1.3}.approval-table__actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:90px}.expense-approval-action{width:100%;justify-content:center;padding:6px 12px;font-size:13px}.approval-table td:last-child,.approval-table th:last-child{min-width:150px;vertical-align:top}.approval-action-stack{display:flex;flex-wrap:wrap;gap:8px}.approvals-refresh-btn{gap:8px}.approvals-refresh-btn__icon{width:16px;height:16px}.approvals-kpi-grid,.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.forms-kpi-text{font-size:22px}.forms-editor{border-color:#ddd6fe;background:linear-gradient(180deg,#fff,#f8f6ff)}.forms-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forms-editor__full{grid-column:span 2}.emp-master-page__header{align-items:center}.emp-master-page__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.attendance-cta--orange{background:#f59e0b;color:#fff}.emp-master-tabs{display:flex;gap:22px;margin:22px 0 18px;border-bottom:1px solid #d9e4f2;overflow-x:auto}.emp-master-tabs__inactive{color:#b42318}.emp-master-view-tabs{gap:12px;margin:0;border-bottom:0}.emp-master-panel-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px}.emp-master-panel-tools--info{margin:18px 0 16px}.emp-master-filter{min-width:220px;margin:0}.emp-master-user-filters{margin-top:18px;margin-bottom:16px}.emp-master-loading{margin-top:10px}.people-master-page{display:grid;gap:6px}.people-master-page__switcher-panel{display:flex;justify-content:flex-start;align-items:center;padding:4px 12px;min-height:0}.people-master-switcher{margin:0;border-bottom:0;gap:6px;justify-content:flex-start}.people-master-switcher .approval-tab-btn{min-height:38px;padding:8px 14px;font-size:14px}.people-master-page__viewport{display:grid;gap:8px;margin-top:0}.emp-master-search{max-width:460px;margin-bottom:16px}.emp-master-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.emp-master-actions .attendance-cta,.emp-master-actions .cursor-not-allowed{width:max-content;min-width:80px;justify-content:center;min-height:32px;padding:0 16px;font-size:11.5px}.emp-master-table--documents{table-layout:auto}.emp-master-table--documents th:nth-child(1),.emp-master-table--documents td:nth-child(1){width:180px}.emp-master-table--documents th:nth-child(2),.emp-master-table--documents td:nth-child(2){width:260px}.emp-master-documents{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.emp-master-document-link{border:1px solid rgba(155,180,255,.45);border-radius:999px;background:linear-gradient(180deg,#fff,#f4f7ff);color:#315fed;font-size:12px;font-weight:800;padding:8px 12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.emp-master-document-link:hover{transform:translateY(-1px);border-color:#3d5dff8c;box-shadow:0 6px 14px #3463eb1f}.emp-source-badge{display:inline-flex;margin-top:5px;padding:2px 7px;border:1px solid #cbd8ea;border-radius:5px;color:#586b8e;font-size:10px;font-weight:800;text-transform:uppercase}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#0f172a8c}.app-modal.emp-editor-modal{display:flex;flex-direction:column;width:min(1200px,calc(100vw - 48px));max-height:min(96vh,980px);zoom:.85}.emp-editor{display:grid;gap:16px;padding:18px 22px 24px;overflow-y:auto;min-height:0}.emp-editor__section{padding:28px 32px;border:1px solid rgba(226,232,240,.8);border-radius:20px;background:#fff;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000003;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.emp-editor__section:hover{transform:translateY(-2px);box-shadow:0 14px 28px -5px #0000000f,0 10px 10px -6px #00000005}.emp-editor__section h3{margin:0 0 24px;color:#1e293b;font-size:17px;font-weight:700;border-bottom:2px solid #f1f5f9;padding-bottom:14px;letter-spacing:-.01em}.emp-editor__section--official{border-left:4px solid #3b82f6}.emp-editor__section--personal{border-left:4px solid #10b981}.emp-editor__section--address{border-left:4px solid #f59e0b}.emp-editor__section--financial{border-left:4px solid #8b5cf6}.emp-editor__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.emp-editor .dashboard-control span{font-weight:600;color:#64748b;font-size:12.5px;margin-bottom:8px;text-transform:none}.emp-editor .dashboard-control input,.emp-editor .dashboard-control select,.emp-editor .dashboard-control textarea{border-radius:10px;border:1.5px solid #e2e8f0;padding:11px 16px;background-color:#fcfcfc;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px;color:#334155}.emp-editor .dashboard-control input:focus,.emp-editor .dashboard-control select:focus,.emp-editor .dashboard-control textarea:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f;outline:none}.emp-editor .dashboard-control input:hover:not(:disabled),.emp-editor .dashboard-control select:hover:not(:disabled),.emp-editor .dashboard-control textarea:hover:not(:disabled){border-color:#cbd5e1;background-color:#fff}.emp-editor__full{grid-column:1 / -1}.emp-editor__half{grid-column:span 2}.emp-document-links{display:flex;flex-wrap:wrap;gap:10px;grid-column:1 / -1}.emp-document-links a{color:#315fed;font-size:13px;font-weight:700}.emp-editor__error{margin:0;color:#b42318;font-weight:700}.batch-assignment-list{display:grid;gap:12px;margin-top:18px}.batch-assignment-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:12px;padding:14px;border:1px solid rgba(214,226,242,.95);border-radius:14px;background:#f8fbffcc}.batch-assignment-row__description textarea{min-height:68px}.dashboard-control--compact{min-width:170px}.batch-assignment-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.primary-action{min-height:40px;padding:0 18px;border:0;border-radius:10px;background:var(--wt-primary);color:#fff;font-weight:800}.primary-action:disabled{cursor:wait;opacity:.65}.icon-action{width:34px;height:34px;border:1px solid #dce4ef;border-radius:50%;background:#fff;color:#b42318;font-size:20px;line-height:1}.icon-action:disabled{cursor:not-allowed;opacity:.35}.forms-user-picker{margin-top:16px;padding-top:14px;border-top:1px solid rgba(214,226,242,.95)}.forms-user-picker h3{font-size:16px;font-weight:800}.forms-user-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.forms-user-card{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(214,226,242,.95);border-radius:14px;padding:10px 12px;background:#fff}.forms-user-card--selected{border-color:#c7b7ff;background:#f8f5ff}.forms-user-card input{margin-top:4px}.forms-user-card strong{display:block;color:var(--wt-text);font-size:13px}.forms-user-card span{display:block;margin-top:3px;color:#8b97ad;font-size:11px}.forms-action-stack{display:flex;flex-direction:column;align-items:center;gap:10px}.forms-open-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.client-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-details-grid>div{padding:14px 16px;border-radius:14px;background:#f8fbff;border:1px solid rgba(214,226,242,.95)}.client-details-grid strong{color:var(--wt-text);line-height:1.5}.client-details-grid__full{grid-column:span 2}.ticket-id-chip--button{border:0;cursor:pointer}.expense-preview-image{margin-top:12px;max-width:min(100%,320px);border-radius:14px;border:1px solid rgba(214,226,242,.95);background:#fff}.reports-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.reports-toolbar__actions{display:flex;gap:10px;flex-wrap:wrap}.client-ticket-workspace__header{align-items:flex-start}.client-ticket-workspace__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.client-ticket-mode-tabs{margin-bottom:0;justify-content:flex-end}.client-ticket-status-tabs{margin-bottom:0}.client-ticket-range{justify-content:flex-end}.client-ticket-table__actions-col{min-width:180px}.client-ticket-table__update{min-width:220px}.client-ticket-table__actions{align-items:center}.client-ticket-table__icon-btn,.client-ticket-table__icon-indicator{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.client-ticket-table__icon-btn{border:1px solid transparent;background:#fff;box-shadow:0 4px 12px #0f172a14}.client-ticket-table__icon-btn--approve{color:#159947;background:#ebfbf1;border-color:#bfe8ce}.client-ticket-table__icon-btn--reopen{color:#5a63f3;background:#f1f2ff;border-color:#d9ddff}.client-ticket-table__icon-indicator{color:#9aa7bd}.client-ticket-table__reply-btn{min-height:34px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.client-ticket-table__action-icon{width:16px;height:16px}.client-ticket-table__action-icon--closed{width:20px;height:20px;color:#16a34a}.client-ticket-table__action-icon--muted{color:#c0cad9}.client-ticket-table__update-text{display:inline-flex;align-items:flex-start;gap:8px;color:#6b778d;font-size:12px;font-weight:700;line-height:1.5}.client-ticket-table__row--unread{background:linear-gradient(90deg,#fff4df6b,#fff0)}.client-ticket-table__row--unread td:first-child{box-shadow:inset 4px 0 #f59e0b}.client-ticket-table__idle-state{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f3f6fb;color:#8b97ad;font-size:12px;font-weight:700}.client-ticket-priority{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800;text-transform:uppercase}.client-ticket-priority--danger{color:#d23737;background:#fff1f1;border-color:#f2c8c8}.client-ticket-priority--warning{color:#9b6700;background:#fff7e7;border-color:#f4ddb2}.client-ticket-priority--info{color:#2d63c7;background:#edf4ff;border-color:#d7e4fb}.client-ticket-priority--neutral{color:#6b778d;background:#f3f6fb;border-color:#dce4ef}.client-ticket-draft-list{display:grid;gap:18px}.client-ticket-draft{border:1px solid rgba(214,226,242,.95);border-radius:18px;background:#fbfdff;padding:18px}.client-ticket-draft__row{align-items:flex-start}.client-ticket-draft h3{font-size:18px;font-weight:800}.client-ticket-draft__files{margin-bottom:0}.client-ticket-composer__actions{margin-top:18px;justify-content:space-between}.app-modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:24px}.app-modal-layer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a8c}.app-modal{position:relative;width:min(100%,1000px);max-height:calc(100vh - 48px);overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #00000005}.app-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid rgba(226,232,240,.8)}.app-modal__title{font-size:24px;font-weight:800}.app-modal__close{min-width:40px;min-height:40px;border-radius:12px;border:1px solid rgba(213,225,241,.9);background:#fff;color:#6b778d;font-weight:800}.app-modal__body{max-height:calc(100vh - 152px);overflow:auto;padding:24px}.attendance-submit-notice{display:grid;justify-items:center;gap:18px;text-align:center;padding:6px 4px 4px}.attendance-submit-notice p{margin:0;color:var(--wt-text);font-size:15px;font-weight:600;line-height:1.55}.attendance-submit-notice--success p{color:#166534}.attendance-submit-notice--danger p{color:#b91c1c}.client-ticket-details{display:grid;gap:20px}.client-ticket-details__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-ticket-details__grid>div,.client-ticket-details__section{padding:16px;border-radius:16px;border:1px solid rgba(214,226,242,.95);background:#fbfdff}.client-ticket-details__copy,.client-ticket-details__remarks{white-space:pre-wrap;line-height:1.6}.client-ticket-details__attachments{display:flex;gap:10px;flex-wrap:wrap}.client-ticket-details__remarks{display:grid;gap:12px}.client-ticket-details__actions{justify-content:space-between;align-items:center}.client-ticket-details__discussion-icon{width:16px;height:16px}.client-ticket-response{display:grid;gap:18px}.client-ticket-response textarea,.client-ticket-chat__composer input{min-height:120px;border-radius:12px;border:1px solid var(--wt-border);background:#fff;padding:12px 14px;color:var(--wt-text);outline:none;resize:vertical}.client-ticket-chat{display:grid;gap:18px}.client-ticket-chat__history{max-height:420px;overflow:auto;display:grid;gap:12px;padding:4px}.client-ticket-chat__row{display:flex;justify-content:flex-start}.client-ticket-chat__row--client{justify-content:flex-end}.client-ticket-chat__bubble{max-width:min(100%,420px);padding:14px 16px;border-radius:18px;display:grid;gap:8px}.client-ticket-chat__bubble--team{border:1px solid rgba(214,226,242,.95);background:#fbfdff}.client-ticket-chat__bubble--client{background:linear-gradient(135deg,#4f46e5,#6c43d6);color:#fff}.client-ticket-chat__bubble strong{color:var(--wt-text)}.client-ticket-chat__bubble--client strong,.client-ticket-chat__bubble--client p,.client-ticket-chat__bubble--client span{color:#fff}.client-ticket-chat__bubble p{color:var(--wt-text);line-height:1.6;margin:0}.client-ticket-chat__bubble span{color:#8b97ad;font-size:12px}.client-ticket-chat__bubble--client strong,.client-ticket-chat__bubble--client p,.client-ticket-chat__bubble--client span{color:#fffffffa}.client-ticket-chat__bubble--client span{color:#ffffffc7}.client-ticket-chat__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.client-ticket-chat__composer input{min-height:48px}.client-dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:24px}.client-dashboard-kpi-card{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:20px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px -10px #27416f1a,inset 0 1px #ffffffb3;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.client-dashboard-kpi-card:hover{box-shadow:0 20px 40px -15px #27416f26,inset 0 1px #ffffffe6;transform:translateY(-4px)}.client-dashboard-kpi-card__icon{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px -4px #0000001a}.client-dashboard-kpi-card__icon--yellow{background:linear-gradient(135deg,#fef08a,#eab308);color:#fff}.client-dashboard-kpi-card__icon--green{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}.client-dashboard-kpi-card__icon--blue{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff}.client-dashboard-kpi-card__icon--red{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#fff}.client-dashboard-kpi-card__body{display:flex;flex-direction:column;gap:4px}.client-dashboard-kpi-card__label{color:#64748b;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.client-dashboard-kpi-card__value{font-size:36px;line-height:1.1;font-weight:800;color:#1e293b;letter-spacing:-1px}.client-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.client-dashboard-grid__charts,.client-dashboard-grid__lists{display:grid;gap:24px}.client-dashboard-panel{min-height:392px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #1f26870d;border-radius:20px;padding:24px}.client-dashboard-status{display:flex;gap:40px;align-items:center;justify-content:center;padding:20px 0}.client-dashboard-status__donut{width:200px!important;height:200px!important;flex:0 0 200px;border-radius:50%;position:relative;box-shadow:0 12px 30px -10px #4f46e540}.client-dashboard-list,.client-dashboard-activity-list{display:grid;gap:12px;max-height:320px;overflow:auto;padding-right:4px}.client-dashboard-list__item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-radius:16px;background:#fffc;border:1px solid rgba(226,232,240,.8);transition:all .25s ease}.client-dashboard-list__item:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000008;border-color:#cbd5e1e6}.client-dashboard-list__icon{width:18px;height:18px;border-radius:999px;flex:0 0 auto;background:#94a3b8}.client-dashboard-list__icon--double{background:#22c55e}.client-dashboard-list__icon--feedback{background:#f59e0b}.client-dashboard-list__icon--respond{background:#3463eb}.client-dashboard-list__body{flex:1}.client-dashboard-list__title{font-size:14px;font-weight:700;color:var(--wt-text)}.client-dashboard-list__copy{margin-top:4px;color:#8b97ad;font-size:12px}.client-dashboard-list__cta{color:#3463eb;font-size:13px;font-weight:700}.client-dashboard-activity{display:flex;gap:14px;padding:14px 16px;border-radius:16px;border-left:4px solid #cbd5e1;background:#fbfdff}.client-dashboard-activity--closed{border-left-color:#22c55e}.client-dashboard-activity--progress{border-left-color:#f59e0b}.client-dashboard-activity--open{border-left-color:#3463eb}.client-dashboard-activity__dot{width:14px;height:14px;border-radius:999px;background:currentColor;margin-top:3px;color:inherit}.client-dashboard-activity--closed .client-dashboard-activity__dot{color:#22c55e}.client-dashboard-activity--progress .client-dashboard-activity__dot{color:#f59e0b}.client-dashboard-activity--open .client-dashboard-activity__dot{color:#3463eb}.client-dashboard-activity__message{color:var(--wt-text);font-size:14px;font-weight:600;line-height:1.5}.client-dashboard-activity__date{margin-top:6px;color:#9aa7bd;font-size:12px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background-color:#f3f8ff;background-image:radial-gradient(circle at 15% 50%,rgba(79,70,229,.15),transparent 45%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.15),transparent 45%),linear-gradient(135deg,#f0f4fd,#e4ecf9);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.login-card{width:min(100%,460px);background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:36px;box-shadow:0 24px 48px #27416f1f,0 8px 16px #27416f14,inset 0 2px 4px #fffc;padding:48px 40px;position:relative;z-index:1;overflow:hidden}.login-card:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-image:url(/worktrack-logo.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.05;pointer-events:none;z-index:-1}.login-card--compact{width:min(100%,420px)}.login-card__brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:24px}.login-card__logo{width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,#fff,#f4f7fb);padding:10px;box-shadow:0 12px 24px #24396226,inset 0 2px 4px #fff;border:1px solid rgba(220,230,245,.8);object-fit:contain}.login-card__eyebrow{color:#3463eb;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;background:linear-gradient(90deg,#3463eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card__title{font-size:36px;line-height:1.1;font-weight:900;letter-spacing:-.03em;background:linear-gradient(90deg,#3463eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card__copy{margin-top:8px;margin-bottom:32px;color:#526480;font-size:14px;line-height:1.6;text-align:center}.login-form{display:grid;gap:16px}.login-form__submit{justify-content:center;width:100%}@media (max-width: 1200px){.ticket-table{width:1100px;min-width:1100px}}@media (max-width: 900px){.migration-grid,.migration-two-column{grid-template-columns:1fr}.migration-panel__row{align-items:flex-start;flex-direction:column}.expenses-approval-grid,.kv-grid,.module-grid,.dashboard-kpi-grid,.dashboard-chart-grid,.dashboard-mini-grid{grid-template-columns:1fr}.dashboard-summary{flex-direction:column;align-items:flex-start}.react-data-table__toolbar,.react-data-table__footer{align-items:stretch}.react-data-table__search input{width:100%;min-width:0}.spark-bars{grid-template-columns:repeat(7,minmax(30px,1fr))}.attendance-form-grid,.ticket-filter-grid,.ticket-form-grid,.approval-filter-grid,.approvals-kpi-grid,.admin-kpi-grid{grid-template-columns:1fr}.approval-filter-grid__wide{grid-column:span 1}.forms-editor__grid,.forms-user-picker__grid{grid-template-columns:1fr}.forms-editor__full{grid-column:span 1}.client-details-grid{grid-template-columns:1fr}.client-details-grid__full{grid-column:span 1}.reports-toolbar{align-items:stretch}.client-ticket-workspace__toolbar{flex-direction:column}.client-ticket-mode-tabs,.client-ticket-status-tabs,.client-ticket-range{width:100%;justify-content:flex-start}.client-dashboard-kpi-grid,.client-dashboard-grid,.client-ticket-details__grid,.client-ticket-chat__composer,.client-dashboard-status{grid-template-columns:1fr}.client-dashboard-status__donut{width:160px;height:160px}.app-modal__header{padding:18px 18px 14px}.app-modal__body{padding:18px}.login-card{padding:24px;border-radius:22px}.login-card__brand{align-items:center;text-align:center}.login-card__title{font-size:26px}}.dashboard-page .migration-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px -10px #1f268714,inset 0 1px #fffc;transition:box-shadow .4s ease,transform .4s ease}.dashboard-page .migration-panel:hover{box-shadow:0 15px 35px -10px #1f26871f,inset 0 1px #ffffffe6;transform:translateY(-2px)}.fms-header-title-wrapper{display:flex;align-items:center;gap:16px}.fms-header-title-wrapper .page-card__title{margin-bottom:0}.fms-header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fms-header-status-mobile{display:none!important}.fms-header-status-desktop{display:flex!important}.fms-page{padding-top:18px}.fms-page .page-card__header{margin-bottom:12px;padding-bottom:12px}.fms-page .page-card__eyebrow{display:none}.fms-page .page-card__title{margin-bottom:0}.fms-page .migration-panel--full{margin-top:12px}.fms-page .migration-panel{padding:18px 22px;gap:14px}.fms-page .migration-panel__row{margin-bottom:10px;padding-bottom:10px}.fms-page .fms-tabs-row{padding-top:0;padding-bottom:0}.fms-table-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 0;color:#64748b;font-size:13px;font-weight:700}.fms-table-pager__actions{display:flex;align-items:center;gap:8px}.fms-table-pager .inline-action:disabled{opacity:.48;cursor:not-allowed;transform:none}.client-action-stack,.form-portal-action-stack{flex-direction:row;flex-wrap:wrap;gap:8px}.client-action-stack .ticket-action-btn,.form-portal-action-stack .ticket-action-btn{min-height:38px;padding:0 24px;font-size:13px}.forms-portal-viewer{display:grid;gap:12px}.forms-portal-viewer__frame{width:100%;height:min(72vh,760px);border:1px solid rgba(214,226,242,.9);border-radius:16px;background:#fff}.forms-portal-viewer__fallback{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748b;font-weight:700;font-size:13px}.expenses-team-table th,.expenses-team-table td{padding:10px 8px;font-size:13px}.expenses-team-table .approval-action-stack{gap:4px}.expenses-team-table .ticket-action-btn{padding:0 12px;min-height:32px;font-size:11.5px}.expenses-team-table .status-pill{padding:4px 8px;font-size:11.5px}.app-shell--client .content-area{padding-top:8px;padding-bottom:8px}.app-shell--client .page-card{padding:12px 20px;border-radius:16px}.app-shell--client .page-card__title--dashboard,.app-shell--client .page-card__header h1{font-size:28px!important;margin:0;line-height:1}.app-shell--client .page-card__header{padding-bottom:8px;margin-bottom:12px;align-items:center;border-bottom:1px solid rgba(213,225,241,.5)}.app-shell--client .dashboard-kpi-grid,.app-shell--client .client-dashboard-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.app-shell--client .dashboard-kpi-card,.app-shell--client .client-dashboard-kpi-card{padding:8px 12px;border-radius:12px;flex-direction:column;justify-content:center;gap:4px}.app-shell--client .client-dashboard-kpi-card__icon,.app-shell--client .dashboard-kpi-card__icon{width:36px;height:36px;border-radius:10px;margin-bottom:0;box-shadow:none}.app-shell--client .client-dashboard-kpi-card__icon svg,.app-shell--client .dashboard-kpi-card__icon svg{width:18px;height:18px}.app-shell--client .client-dashboard-kpi-card__value,.app-shell--client .dashboard-kpi-card__value{font-size:20px;line-height:1;margin:0}.app-shell--client .client-dashboard-kpi-card__label,.app-shell--client .dashboard-kpi-card__label{font-size:11px;margin:0}.app-shell--client .client-dashboard-kpi-card__body{align-items:center;gap:2px}.app-shell--client .client-dashboard-kpi-card__icon--orange{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}.app-shell--client .migration-panel--full{margin-top:0;padding:12px 16px;border-radius:12px}.app-shell--client .client-ticket-workspace__header h2{font-size:18px;margin:0}.app-shell--client .client-ticket-workspace__header,.app-shell--client .client-ticket-workspace__toolbar{margin-bottom:8px;align-items:center}.app-shell--client .approval-tabs{padding:4px;gap:8px}.app-shell--client .approval-tab-btn{padding:6px 14px;font-size:13px}.app-shell--client .client-ticket-mode-tabs .attendance-cta{padding:6px 16px;min-height:32px;font-size:13px}.app-shell--client .client-ticket-range{margin-top:0;margin-bottom:0}.app-shell--client .dashboard-control span{font-size:11px;margin-bottom:2px}.app-shell--client .dashboard-control select,.app-shell--client .dashboard-control input{min-height:32px;padding:0 10px;font-size:13px}.app-shell--client .settings-page{padding:12px 24px;gap:16px}.app-shell--client .settings-card{padding:16px 20px;border-radius:16px}.app-shell--client .settings-header{padding-bottom:8px;margin-bottom:12px}.app-shell--client .settings-header h2{font-size:18px;margin:0}.app-shell--client .settings-avatar-section{padding:16px;margin-bottom:16px;min-height:unset;border-radius:12px}.app-shell--client .settings-avatar-preview{width:72px;height:72px;border:none;padding:0;box-shadow:none;background:transparent}.app-shell--client .settings-avatar-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover}.app-shell--client .settings-avatar-initials{width:72px;height:72px;font-size:24px;border-radius:50%}.app-shell--client .settings-info-grid{gap:12px}.app-shell--client .settings-info-item,.app-shell--client .settings-form-group{padding:12px 16px!important;border-radius:10px!important}.app-shell--client .settings-info-label{font-size:11px;margin-bottom:2px!important}.app-shell--client .settings-info-value{font-size:13px}.app-shell--client .settings-actions{margin-top:16px}.app-shell--client .settings-actions button{min-height:32px;padding:0 16px;font-size:13px}.hierarchy-container{display:grid;gap:18px;padding:18px 0 6px;background:#fff;border-radius:12px}.hierarchy-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hierarchy-summary span,.hierarchy-section__header>span,.hierarchy-manager-card__head>span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid rgba(191,213,248,.95);border-radius:999px;background:#f3f7ff;color:#52657f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hierarchy-section{display:grid;gap:14px;padding:16px;border:1px solid rgba(214,226,242,.95);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}.hierarchy-section__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(214,226,242,.8)}.hierarchy-section__header h3{margin:0;color:#17213a;font-size:16px;font-weight:900}.hierarchy-section__header p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700}.hierarchy-leaders,.hierarchy-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.hierarchy-manager-card{display:grid;gap:12px;align-content:start;padding:14px;border:1px solid rgba(196,214,241,.95);border-radius:18px;background:#fff;box-shadow:0 8px 24px #27416f0f}.hierarchy-manager-card__head{display:grid;gap:10px}.hierarchy-manager-card__head>span{justify-self:start}.hierarchy-member-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.hierarchy-card{position:relative;display:grid;gap:4px;min-width:0;padding:12px 14px;border:1px solid rgba(214,226,242,.95);border-radius:14px;background:linear-gradient(135deg,#fff,#f9fbff);box-shadow:0 4px 12px #27416f12}.hierarchy-card--compact{padding:10px 12px;box-shadow:none}.hierarchy-card--inactive{background:#f1f4f9;border-color:#e2e8f0;opacity:.78}.hierarchy-card--context{border-style:dashed;opacity:.72}.hierarchy-card__name{color:#1e293b;font-size:14px;font-weight:900;line-height:1.2}.hierarchy-card__role{color:#64748b;font-size:12px;font-weight:700}.hierarchy-card__id{justify-self:start;display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:#eef4ff;color:#3463eb;font-size:11px;font-weight:900}.hierarchy-card--inactive .hierarchy-card__id{background:#e2e8f0;color:#64748b}.hierarchy-card__department{color:#64748b;font-size:11px;font-weight:800}*,*:before,*:after{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}@media (max-width:1100px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{height:100dvh;position:fixed;top:0;left:0;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 16px #0000002e;width:280px}.sidebar--mobile-open{transform:translate(0)}.topbar__mobile-btn{display:inline-flex!important;background:transparent;color:#4b5567}.topbar__mobile-btn:hover{background:#eef4ff;color:#3463eb}.sidebar__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff1a;color:#f7f9ff;border:none;cursor:pointer}.sidebar__close-btn:hover{background:#ef444433;color:#f87171}.shell-main{overflow-y:auto;overflow-x:hidden;height:100%}.shell-main__inner{zoom:1}.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-assignment-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.content-area{padding:4px 2px 10px}.page-card{padding:10px 8px;border-radius:12px;max-width:100vw;overflow-x:hidden;box-sizing:border-box!important}.page-card__header{flex-direction:column;gap:4px;align-items:stretch;width:100%;box-sizing:border-box;margin-bottom:2px;padding-bottom:4px}.dashboard-page .page-card__header{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important}.dashboard-page .page-card__header>div:first-child{flex:1;min-width:0}.dashboard-page .page-card__header .dashboard-controls{flex-direction:column!important;align-items:flex-end!important;gap:4px!important;width:auto!important;margin-left:8px}.dashboard-desktop-pill{display:none!important}.dashboard-mobile-pill{display:inline-flex!important;margin:4px 0 0!important;align-self:flex-start!important;padding:4px 8px!important;font-size:11px!important;min-height:24px!important;min-width:unset!important}.dashboard-page .dashboard-control span{font-size:8px!important;margin-bottom:0!important;text-align:right;width:100%}.dashboard-page .dashboard-control select{padding:0 4px!important;font-size:10px!important;height:22px!important;min-height:22px!important;width:85px!important}.page-card__title{font-size:20px;max-width:100%;overflow-wrap:break-word;margin:0}.page-card__title--dashboard{font-size:20px;margin:0}.dashboard-page__welcome{margin:0 0 4px;font-size:12px}.topbar{padding:0 8px;height:48px}.topbar__title{font-size:16px;margin-left:4px}.upm-pill__info{display:none}.upm-pill{padding:4px;border:none;background:transparent;box-shadow:none}.upm-action-btn{width:34px;height:34px}.upm-action-btn__icon{width:18px;height:18px}.upm-badge{top:2px;right:2px;transform:scale(.85);transform-origin:top right}.upm-avatar{width:32px;height:32px}.upm-actions{gap:2px;margin-right:2px}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dashboard-kpi-card{padding:6px!important;gap:2px!important;min-height:unset!important;flex-direction:column!important}.dashboard-kpi-card__value{font-size:18px!important;margin:0!important}.dashboard-kpi-card__icon{width:28px!important;height:28px!important;margin:0 auto 4px!important}.dashboard-kpi-card__icon-svg{width:16px!important;height:16px!important}.dashboard-kpi-card__label{font-size:8.5px!important;margin:0 0 4px!important}.dashboard-mini-grid{grid-template-columns:1fr;gap:6px}.dashboard-mini-card{padding:8px;min-height:50px}.dashboard-mini-card__value{font-size:18px}.dashboard-chart-grid{grid-template-columns:1fr;gap:8px}.migration-grid,.migration-two-column{grid-template-columns:1fr}.ticket-filter-actions{width:100%;gap:2px;display:flex;flex-wrap:wrap;margin-bottom:2px}.ticket-filter-actions .inline-action{flex:1 1 calc(50% - 1px);justify-content:center;text-align:center;min-height:24px;font-size:10px;padding:2px 4px}.migration-panel{padding:8px 10px;margin-bottom:6px!important}.ticket-system-page .migration-panel h2{display:none!important}.ticket-system-page .migration-panel__row{margin-bottom:2px!important;padding-bottom:2px!important;border-bottom:none}.migration-panel__row{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:4px!important;padding-bottom:4px!important}.migration-panel h2{margin-bottom:2px!important;font-size:15px}.attendance-log-header{align-items:flex-start!important}.dashboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-table{min-width:550px}.ticket-table{min-width:900px;width:900px;table-layout:auto}.attendance-form-grid,.attendance-policy-card__grid{grid-template-columns:1fr}.attendance-policy-card__actions{flex-direction:column;align-items:stretch}.attendance-policy-card__action-buttons{width:100%}.attendance-policy-card__action-buttons .attendance-cta{width:100%;justify-content:center}.attendance-camera-card{width:100%}.attendance-camera{min-height:200px}.attendance-captured-photo{width:100%}.attendance-section-head{flex-direction:column;align-items:flex-start}.attendance-page .page-card__header{align-items:stretch;gap:16px}.attendance-page .page-card__header .dashboard-controls{flex-direction:column-reverse;align-items:flex-start;gap:16px}.attendance-calendar-container{padding:8px!important;margin-bottom:8px!important;border-radius:12px!important;overflow-x:hidden}.attendance-calendar-header{flex-direction:column!important;gap:8px!important;margin-bottom:12px!important}.attendance-calendar-legend{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}.attendance-calendar-grid{gap:2px!important}.attendance-calendar-cell{padding:2px!important;border-radius:8px!important}.attendance-calendar-cell>span{font-size:12px!important;margin-bottom:2px!important}.attendance-calendar-badge{font-size:5.5px!important;padding:2px 3px!important;border-radius:4px!important;letter-spacing:0!important}.attendance-calendar-cell>div>div{font-size:6px!important;margin-top:1px!important}.attendance-calendar-grid>div{font-size:9px!important}.hierarchy-container{padding:16px 8px!important}.hierarchy-children{min-width:max-content!important}.hierarchy-node{padding:20px 8px 0!important}.hierarchy-card{min-width:130px!important;max-width:140px!important;padding:8px!important}.hierarchy-card__name{font-size:12px!important;margin-bottom:2px!important}.hierarchy-card__role{font-size:10px!important;margin-bottom:4px!important}.hierarchy-card__id{font-size:9px!important;padding:2px 6px!important}.hierarchy-card__toggle{width:24px!important;height:24px!important;min-height:24px!important;min-width:24px!important;padding:0!important;font-size:16px!important;line-height:1!important;border-radius:50%!important;bottom:-12px!important;display:flex!important;align-items:center!important;justify-content:center!important}.attendance-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.attendance-cta{display:flex;align-items:center;width:100%;justify-content:center;min-height:32px!important;font-size:11px!important;padding:4px!important;text-align:center;line-height:1.2}.attendance-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px;margin-bottom:12px!important;margin-top:12px!important}.attendance-tabs::-webkit-scrollbar{display:none}.attendance-tab{flex-shrink:0;padding:8px 14px 12px;font-size:12.5px}.attendance-team-toolbar{grid-template-columns:1fr;gap:4px;margin-bottom:8px}.attendance-team-toolbar .dashboard-control span{margin-bottom:2px;font-size:11px}.attendance-team-toolbar .dashboard-control input,.attendance-team-toolbar .dashboard-control select{min-height:32px;padding:0 8px;font-size:12px}.attendance-team-modal__grid{grid-template-columns:1fr}.attendance-time-picker{grid-template-columns:1fr 1fr 1fr}.emp-master-page__header{flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box}.emp-master-view-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%;min-width:0;scrollbar-width:none}.emp-master-view-tabs::-webkit-scrollbar{display:none}.emp-master-tabs::-webkit-scrollbar{display:none}.approval-tab-btn{flex-shrink:0;min-height:38px;padding:0 14px;font-size:13px}.emp-master-search{max-width:100%}.app-modal-backdrop{padding:0;align-items:flex-end}.emp-editor-modal{width:100%;max-height:92dvh;border-radius:24px 24px 0 0}.emp-editor{padding:14px 14px 20px;gap:12px}.emp-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.emp-editor__full{grid-column:1 / -1}.app-modal-layer{padding:0;align-items:flex-end}.app-modal{width:100%;max-height:92dvh;border-radius:24px 24px 0 0}.app-modal__header{padding:16px 16px 12px}.app-modal__body{padding:16px;max-height:calc(92dvh - 110px)}.ticket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.ticket-filter-grid .dashboard-control span{margin-bottom:0;font-size:9px}.ticket-filter-grid .dashboard-control input:not([type=checkbox]),.ticket-filter-grid .dashboard-control select,.ticket-filter-grid .ticket-filter-dropdown summary{min-height:24px!important;height:24px!important;padding:0 4px!important;font-size:10px!important}.dashboard-control{min-width:0;width:100%}.dashboard-control input:not([type=checkbox]),.dashboard-control select,.dashboard-control textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-filter-dropdown__menu{width:max-content;max-width:90vw}.ticket-filter-dropdown__option input{width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;max-width:13px!important;max-height:13px!important}.page-card:not(.dashboard-page) .page-card__status{display:none!important}.ticket-form-grid{grid-template-columns:1fr!important}.ticket-form-grid fieldset{grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important}.ticket-form-grid .dashboard-control{width:100%!important}.ticket-form-grid .dashboard-control select,.ticket-form-grid .dashboard-control input,.ticket-form-grid .dashboard-control textarea{width:100%!important;box-sizing:border-box!important}.ticket-form-actions{flex-direction:column!important;gap:8px!important}.ticket-form-actions button{width:100%!important;margin:0!important}.approval-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-bottom:6px!important}.approval-tabs::-webkit-scrollbar{display:none}.approval-tab-btn{flex-shrink:0;min-height:28px!important;padding:4px 8px!important;font-size:11px!important}.approval-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px!important;margin-bottom:4px}.approval-filter-grid .dashboard-control span{margin-bottom:0!important;font-size:9px!important}.approval-filter-grid .dashboard-control input,.approval-filter-grid .dashboard-control select{min-height:24px!important;height:24px!important;padding:0 4px!important;font-size:10px!important}.approval-filter-grid button{min-height:24px!important;font-size:10px!important;padding:4px!important}.approval-filter-grid__wide{grid-column:1 / -1}.my-approval-status-page .approval-filter-grid{display:grid!important;grid-template-columns:1fr 1fr!important}.my-approval-status-page .approval-filter-grid .dashboard-control{grid-column:auto!important}.my-approval-status-page .approval-filter-grid .dashboard-control:nth-child(1){order:1!important}.my-approval-status-page .approval-filter-grid .dashboard-control:nth-child(4){order:2!important}.my-approval-status-page .approval-filter-grid .dashboard-control:nth-child(2){order:3!important}.my-approval-status-page .approval-filter-grid .dashboard-control:nth-child(3){order:4!important}.my-approval-status-page .approval-filter-grid .approval-filter-actions{order:5!important;grid-column:1 / -1}.forms-editor__grid{grid-template-columns:1fr}.forms-editor__full{grid-column:span 1}.forms-user-picker__grid,.kv-grid,.module-grid{grid-template-columns:1fr}.approvals-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px;margin-bottom:6px}.my-approvals-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:12px!important}.my-approvals-kpi-grid .dashboard-kpi-card{padding:4px!important}.my-approvals-kpi-grid .dashboard-kpi-card__label{font-size:7.5px!important;line-height:1.1;margin-bottom:2px!important;white-space:pre-wrap;text-align:center}.my-approvals-kpi-grid .dashboard-kpi-card__value{font-size:14px!important}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-dashboard-kpi-card{padding:16px;gap:12px}.client-dashboard-kpi-card__icon{width:50px;height:50px}.client-dashboard-kpi-card__value{font-size:28px}.client-dashboard-grid,.client-ticket-details__grid{grid-template-columns:1fr}.client-ticket-workspace__toolbar{flex-direction:column}.client-ticket-mode-tabs,.client-ticket-status-tabs,.client-ticket-range{width:100%;justify-content:flex-start}.client-dashboard-status{grid-template-columns:1fr}.reports-toolbar{flex-direction:column;align-items:stretch}.reports-toolbar__actions{flex-wrap:wrap}.batch-assignment-row{grid-template-columns:1fr}.dashboard-controls{flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.dashboard-control{min-width:0;width:auto}.dashboard-control select{font-size:14px;width:max-content;min-width:150px}.dashboard-control input,.dashboard-control textarea{width:100%;min-width:0;box-sizing:border-box}.dashboard-control select option{font-size:14px;padding:4px}.react-data-table__toolbar,.react-data-table__footer{flex-direction:column;align-items:stretch}.react-data-table__search input{width:100%;min-width:0}.login-screen{padding:16px 12px;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f3f8ff;background-image:radial-gradient(circle at 15% 50%,rgba(79,70,229,.15),transparent 45%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.15),transparent 45%);box-sizing:border-box}.login-card{padding:28px 20px 32px!important;border-radius:16px!important;width:100%!important;max-width:420px!important;margin:0 auto!important;min-height:auto!important;justify-content:center;display:flex;flex-direction:column;box-sizing:border-box!important}.login-card__title{font-size:22px;margin-top:6px}.login-card__logo{width:64px;height:64px;border-radius:16px;padding:4px;margin:0 auto}.login-card__brand{gap:8px;margin-bottom:16px;align-items:center;text-align:center}.login-card__eyebrow{font-size:11px}.login-card__copy{margin-bottom:16px;font-size:13px}.login-form{gap:12px;width:100%}.login-form input{font-size:16px!important}.login-form__submit{font-size:15px;min-height:46px}.view-mode-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%;scrollbar-width:none;margin-bottom:4px!important}.view-mode-tabs::-webkit-scrollbar{display:none}.view-mode-tab{flex-shrink:0;padding:4px 10px;min-height:30px;font-size:12px}.data-table-header,.react-data-table-header{padding:4px 0!important;margin-bottom:4px!important}.data-table-header select,.react-data-table-header select{min-height:28px!important;padding:0 4px!important;font-size:11px!important}.fms-tabs-row{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.fms-tabs-row::-webkit-scrollbar{display:none}.notification-panel{width:calc(100vw - 32px)!important;border-radius:16px;left:auto!important;right:0!important}button,a,select,input[type=checkbox],input[type=radio]{min-height:40px}.ticket-id-chip,.status-pill,.ticket-action-state,.emp-source-badge,.client-ticket-priority,.fms-tab-count,.upm-badge,.notification-card__type{min-height:unset}.status-pill{padding:2px 6px!important;font-size:9.5px!important}.ticket-action-btn,.attendance-cta{min-height:40px}.file-info{display:block;margin-top:4px;font-size:11px;color:#64748b;line-height:1.4;word-break:break-all}.admin-table-wrap,.settings-table-wrap,.attendance-table-wrap,.react-data-table-wrap,.fms-table-wrap,.approval-table-wrap,.client-ticket-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.admin-table,.attendance-table,.fms-table,.settings-table,.approval-table,.client-ticket-table{min-width:800px}div.react-data-table{min-width:0!important;width:100%;box-sizing:border-box}.dashboard-table,.dashboard-table thead,.dashboard-table tbody,.dashboard-table th,.dashboard-table td,.dashboard-table tr{display:block}.dashboard-table thead tr{display:none}.dashboard-table tr{border:1px solid rgba(214,226,242,.8);border-radius:8px;margin-bottom:4px;padding:4px 6px;background:#fff;box-shadow:0 2px 4px #00000005}.dashboard-table td{border:none;border-bottom:1px solid rgba(240,244,248,.8);padding:2px 0!important;display:flex;justify-content:space-between;align-items:center;text-align:right;width:100%!important;box-sizing:border-box;font-size:10px}.dashboard-table td:last-child{border-bottom:none;padding-bottom:0;align-items:flex-start}.dashboard-table td[data-label=Action],.ticket-table td:last-child{flex-direction:column;align-items:stretch;border-top:1px solid rgba(240,244,248,.8);margin-top:4px;padding-top:6px!important}.dashboard-table td[data-label=Action]:before,.ticket-table td:last-child:before{display:none}.emp-master-actions{flex-direction:row!important;width:100%;gap:4px}.emp-master-actions .attendance-cta,.emp-master-actions .cursor-not-allowed{flex:1;min-width:0!important;width:auto!important;padding:4px!important;font-size:10.5px!important;min-height:28px!important}.ticket-actions{flex-direction:row!important;width:100%;gap:4px;display:flex;flex-wrap:wrap}.ticket-actions .ticket-action-btn{flex:1 1 calc(25% - 4px);min-width:0!important;width:auto!important;padding:4px!important;font-size:10px!important;min-height:28px!important;text-transform:uppercase}.dashboard-table td[data-label="Task Details"],.dashboard-table td[data-label="Status & Remarks"],.dashboard-table td[data-label=Reason],.dashboard-table td[data-label="Details / Reason"],.dashboard-table td[data-label="Admin Remarks"],.dashboard-table td[data-label="Form Action"],.dashboard-table td[data-label="For / Purpose"],.dashboard-table td[data-label=Task],.dashboard-table td[data-label="Client Name"],.dashboard-table td[data-label="Client Email ID"],.dashboard-table td[data-label=Services],.dashboard-table td[data-label=Description],.dashboard-table td[data-label="FMS Name"],.dashboard-table td[data-label="Task Name"],.dashboard-table td[data-label=Documents]{flex-direction:column;align-items:flex-start;text-align:left;gap:2px}.settings-page{padding:12px 10px!important}.settings-page-title{font-size:20px!important;margin-bottom:16px!important}.settings-card{padding:16px!important;margin-bottom:16px!important;border-radius:16px!important}.settings-header{margin-bottom:20px!important;padding-bottom:16px!important}.settings-header h2{font-size:16px!important}.settings-header p{font-size:13px!important}.settings-avatar-section{flex-direction:column;gap:16px!important;margin-bottom:24px!important;text-align:center}.settings-avatar-actions{align-items:center}.settings-avatar-preview{width:80px!important;height:80px!important}.settings-avatar-initials{font-size:32px!important}.settings-info-grid{grid-template-columns:1fr!important;gap:12px!important}.settings-info-item{padding:12px 16px!important;border-radius:12px!important}.settings-password-form{gap:16px!important}.settings-upload-btn,.settings-submit,.settings-logout-btn{padding:10px 20px!important;font-size:13px!important;min-height:36px!important;width:100%;margin:4px 0!important}.settings-info-label{font-size:11px!important}.settings-info-value{font-size:14px!important}.reports-main-tabs{margin-bottom:6px!important}.reports-main-tab-btn{min-height:32px!important;padding:4px 8px!important;font-size:11px!important;line-height:1.1}.reports-toolbar__actions{gap:4px!important;margin-bottom:6px!important;flex-direction:row!important}.reports-toolbar__actions button{min-height:28px!important;height:28px!important;padding:0 12px!important;font-size:11px!important;flex:1;margin:0!important}.reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-bottom:8px!important}.reports-kpi-grid .dashboard-kpi-card{padding:4px!important}.reports-kpi-grid .dashboard-kpi-card__label{font-size:8px!important;margin-bottom:2px!important;line-height:1.1;text-align:center}.reports-kpi-grid .dashboard-kpi-card__value{font-size:14px!important;margin:0!important}.dashboard-table td[data-label="Task Details"]:before,.dashboard-table td[data-label="Status & Remarks"]:before,.dashboard-table td[data-label=Reason]:before,.dashboard-table td[data-label="Details / Reason"]:before,.dashboard-table td[data-label="Admin Remarks"]:before,.dashboard-table td[data-label="Form Action"]:before,.dashboard-table td[data-label="For / Purpose"]:before,.dashboard-table td[data-label=Task]:before,.dashboard-table td[data-label="Employee ID"]:before,.dashboard-table td[data-label="Employee Name"]:before,.dashboard-table td[data-label="Manager ID"]:before,.dashboard-table td[data-label="Task Approver"]:before,.dashboard-table td[data-label=Department]:before,.dashboard-table td[data-label=Role]:before,.dashboard-table td[data-label="Mobile Number"]:before,.dashboard-table td[data-label="Joining Date"]:before,.dashboard-table td[data-label=Documents]:before,.dashboard-table td[data-label="Client Name"]:before,.dashboard-table td[data-label="Client Email ID"]:before,.dashboard-table td[data-label=Services]:before,.dashboard-table td[data-label=Description]:before,.dashboard-table td[data-label="FMS Name"]:before,.dashboard-table td[data-label="Task Name"]:before{margin-bottom:4px}.approval-table__copy,.my-approval-status__remarks{max-width:100%!important;text-align:left}.forms-action-stack{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.forms-action-stack .attendance-cta,.forms-action-stack .ticket-action-btn{flex:1 1 calc(50% - 4px);text-align:center;justify-content:center;padding:8px!important;min-height:34px!important;font-size:12px!important;width:auto!important;box-sizing:border-box;margin:0}.forms-action-stack .status-pill{flex:1 1 100%;padding:4px!important;min-height:24px!important;margin:0}.dashboard-table td:before{content:attr(data-label);font-weight:600;color:#64748b;text-align:left;margin-right:4px;flex-shrink:0;font-size:9.5px}.dashboard-table .status-pill,.dashboard-table .ticket-action-state,.dashboard-table .ticket-id-chip{width:auto!important;min-width:unset!important;text-align:center;font-size:11px;padding:2px 6px;min-height:24px;display:inline-flex;justify-content:center;align-items:center}.dashboard-table .ticket-actions,.dashboard-table .approval-action-stack{width:100%!important;min-width:unset!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:8px}.dashboard-table .ticket-action-btn{width:auto!important;min-width:unset!important;padding:8px 12px;font-size:11px;min-height:32px;flex:1 1 auto;text-align:center}.dashboard-table-wrap{border:none;background:transparent;overflow:visible;padding:0;box-shadow:none}.dashboard-table-wrap .dashboard-table{min-width:0!important;width:100%;border:none;background:transparent;box-shadow:none}.settings-info-grid{grid-template-columns:1fr}.settings-avatar-section{flex-direction:column;align-items:flex-start;gap:16px}.settings-card{padding:20px}.settings-form{max-width:100%}.client-invoice-list,.client-project-list{grid-template-columns:1fr}.app-modal__body form{max-width:100%;padding-bottom:16px}.modal-form-grid{grid-template-columns:1fr}}@media (max-width:480px){.content-area{padding:6px 2px 20px}.page-card{padding:12px;border-radius:12px}.page-card__title{font-size:22px}.topbar{padding:0 10px;height:48px}.topbar__title{font-size:14px}.icon-button{width:36px;height:36px}.icon-button__icon{width:17px;height:17px}.dashboard-kpi-grid,.admin-kpi-grid,.approvals-kpi-grid,.client-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-kpi-card,.client-dashboard-kpi-card{padding:12px 8px;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.dashboard-kpi-card__value,.client-dashboard-kpi-card__value{font-size:20px}.dashboard-kpi-card__icon,.client-dashboard-kpi-card__icon{width:32px;height:32px;margin-bottom:8px;border-radius:10px}.dashboard-kpi-card__icon-svg,.client-dashboard-kpi-card__icon-svg{width:16px;height:16px}.ticket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ticket-filter-actions{width:100%;gap:6px;margin-top:-4px}.ticket-filter-actions .inline-action{flex:1 1 calc(50% - 3px);justify-content:center;text-align:center;padding:6px 10px;font-size:12px;min-height:32px}.approval-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.approval-filter-grid__wide{grid-column:1 / -1}.approval-filter-actions{margin-top:4px;width:100%}.approval-filter-actions .attendance-cta{width:100%;padding:8px}.approvals-kpi-grid,.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emp-editor__grid{grid-template-columns:1fr}.ticket-form-actions,.approval-action-stack,.attendance-punch-actions{flex-direction:column}.client-portal-nav{display:none}.emp-master-table{min-width:0!important}.emp-editor-modal,.app-modal{max-height:95dvh;border-radius:20px 20px 0 0}.emp-editor{padding:10px 10px 16px}.app-modal__header{padding:14px 14px 10px}.app-modal__body{padding:12px}.login-card{padding:28px 20px 24px;border-radius:22px;width:calc(100% + -0px);max-width:320px;min-height:unset;justify-content:unset;display:block}.login-card__title{font-size:20px}.login-card__logo{width:60px;height:60px;border-radius:16px}.login-card__copy{font-size:12px}.forms-user-picker__grid{grid-template-columns:1fr}.dashboard-summary{flex-direction:column;align-items:stretch}.dashboard-summary__stats{width:100%}.dashboard-donut{width:120px;height:120px;margin:0 auto 10px}.spark-bars{min-height:150px}.spark-bars__bar-wrap{height:120px}.batch-assignment-row{grid-template-columns:1fr}.mobile-header-controls{width:100%;flex-direction:column;align-items:stretch;margin-top:12px;box-sizing:border-box;gap:12px}.mobile-full-btn{width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approvals-refresh-btn{width:100%;justify-content:center}.attendance-time-split-row{grid-template-columns:1fr 6px 1fr 1.2fr auto;gap:4px}.attendance-time-split-row__clear{padding-inline:8px;font-size:12px;min-width:unset}.attendance-time-split-row__period{padding:0 4px;font-size:12px}.attendance-time-split-row__part{padding:0;font-size:12px}}.emp-master-tabs,.approval-tabs,.attendance-tabs,.fms-tabs-row,.view-mode-tabs,.sidebar__nav{-webkit-overflow-scrolling:touch}@media print{.sidebar,.topbar{display:none}.app-shell{grid-template-columns:1fr}.shell-main{overflow:visible}}@media (max-width:375px){.content-area{padding:4px 0 16px}.page-card{padding:12px;border-radius:12px}.dashboard-kpi-card{padding:10px 8px}.dashboard-kpi-card__value{font-size:18px}}
