:root{--bg-void: #f8fafc;--surface-lowest: #ffffff;--surface-low: #f1f5f9;--surface-container: #ffffff;--surface-high: #e2e8f0;--surface-highest: #cbd5e1;--primary: #4f46e5;--primary-light: #e0e7ff;--primary-hover: #4338ca;--secondary: #0ea5e9;--secondary-light: #e0f2fe;--tertiary: #10b981;--tertiary-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--text-high: #0f172a;--text-mid: #475569;--text-disabled: #94a3b8;--border-clean: #e2e8f0;--border-focus: #4f46e5;--font-inter: "Inter", sans-serif;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-void);color:var(--text-high);font-family:var(--font-inter);font-size:14px;line-height:1.5;overflow-x:hidden;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:280px;background:var(--surface-lowest);border-right:1px solid var(--border-clean);display:flex;flex-direction:column;padding:24px;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-clean);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar.collapsed{width:78px;padding:24px 12px}.sidebar.collapsed .brand{padding-left:0;justify-content:center;flex-direction:column;gap:8px}.sidebar.collapsed .brand-details,.sidebar.collapsed .menu-label,.sidebar.collapsed .nav-item span{display:none!important}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .user-profile{padding:12px 0;justify-content:center}.sidebar.collapsed .user-info{display:none!important}.sidebar-toggle{background:none;border:none;color:var(--text-disabled);cursor:pointer;font-size:13px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.sidebar-toggle:hover{background:var(--surface-low);color:var(--primary)}.sidebar.collapsed .sidebar-toggle{margin-left:0;margin-top:8px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-left:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-logo{width:36px;height:36px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.brand-logo i{color:#fff;font-size:18px}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.5px;color:var(--text-high)}.brand-badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;background:var(--primary-light);color:var(--primary);padding:2px 6px;border-radius:4px;font-weight:600;align-self:flex-start;margin-top:2px}.menu-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-disabled);margin:24px 0 8px 8px;font-weight:600}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-mid);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition-property:background-color,color,transform,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;cursor:pointer}.nav-item:active{transform:scale(.97)}.nav-item i{font-size:16px;width:20px;text-align:center;color:var(--text-disabled);transition:color .2s ease}.nav-item:hover{color:var(--text-high);background:var(--surface-low)}.nav-item.active{color:var(--primary);background:var(--primary-light);font-weight:600}.nav-item.active i{color:var(--primary)}.user-profile{margin-top:auto;display:flex;align-items:center;gap:12px;padding:16px 12px;background:var(--surface-low);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-high);font-size:13px}.user-role{font-size:11px;color:var(--text-disabled)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-void)}.topbar{height:64px;background:var(--surface-lowest);border-bottom:1px solid var(--border-clean);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:90}.view-title{font-size:18px;font-weight:700;color:var(--text-high);letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:16px}.cycle-badge{background:var(--surface-low);border:1px solid var(--border-clean);padding:6px 14px;border-radius:20px;font-size:12px;color:var(--text-mid);font-weight:500;display:flex;align-items:center;gap:8px}.cycle-badge i{color:var(--text-disabled)}.btn-sync{background:var(--surface-lowest);border:1px solid var(--border-clean);color:var(--text-mid);padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:13px}.btn-sync:hover{background:var(--surface-low);color:var(--text-high)}.btn-sync:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-body{flex:1;overflow-y:auto;padding:40px}.view-panel{display:none;animation:fadeIn .25s ease-out}.view-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.clean-card{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm);transition-property:box-shadow,border-color;transition-duration:.2s;transition-timing-function:ease-out}.clean-card:hover{box-shadow:0 4px 12px -1px #00000008,0 2px 6px -1px #00000005;border-color:#6366f126}.clean-card-title{font-size:15px;font-weight:600;margin-bottom:20px;color:var(--text-high);display:flex;align-items:center;justify-content:space-between}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.metric-card{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition-property:border-color,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#6366f133}.metric-card:active{transform:translateY(-1px) scale(.98)}.metric-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px}.metric-details{display:flex;flex-direction:column}.metric-label{font-size:11px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value{font-size:24px;font-weight:700;color:var(--text-high);line-height:1.2;margin-top:2px;letter-spacing:-.5px}.metric-1 .metric-icon{background:var(--primary-light);color:var(--primary)}.metric-2 .metric-icon{background:var(--secondary-light);color:var(--secondary)}.metric-3 .metric-icon{background:var(--tertiary-light);color:var(--tertiary)}.metric-4 .metric-icon{background:var(--danger-light);color:var(--danger)}.pipeline-container{display:flex;align-items:center;justify-content:space-between;position:relative;padding:20px 10px;margin:10px 0}.pipeline-track{position:absolute;top:50%;left:50px;right:50px;height:2px;background:var(--border-clean);transform:translateY(-50%);z-index:1}.pipeline-progress{position:absolute;top:50%;left:50px;width:50%;height:2px;background:var(--primary);transform:translateY(-50%);z-index:2;transition:width .4s ease}.pipeline-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:100px;cursor:pointer}.node-circle{width:40px;height:40px;border-radius:50%;background:var(--surface-lowest);border:2px solid var(--border-clean);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-disabled);transition:all .25s ease}.node-label{font-size:12px;font-weight:600;color:var(--text-mid);margin-top:10px}.node-desc{font-size:10px;color:var(--text-disabled);margin-top:2px}.pipeline-node.completed .node-circle{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pipeline-node.completed .node-label{color:var(--primary)}.pipeline-node.active .node-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-light)}.pipeline-node.active .node-label{color:var(--primary)}.search-row{display:grid;grid-template-columns:2fr 2fr 2fr 1fr;gap:16px;margin-bottom:24px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:11px;color:var(--text-mid);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.search-input{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-high);font-size:13px;transition:all .2s ease;width:100%}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.btn-action{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 20px;font-weight:600;cursor:pointer;transition-property:background-color,transform,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;align-self:flex-end;font-size:13px}.btn-action:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #4f46e526}.btn-action:active{transform:translateY(0) scale(.96)}.btn-ghost{background:var(--surface-lowest);border:1px solid var(--border-clean);color:var(--text-mid);border-radius:var(--radius-md);padding:10px 20px;font-weight:500;cursor:pointer;transition-property:background-color,color,border-color,transform;transition-duration:.15s;transition-timing-function:ease-out;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;align-self:flex-end;font-size:13px}.btn-ghost:hover{background:var(--surface-low);color:var(--text-high);border-color:var(--text-disabled)}.btn-ghost:active{transform:scale(.96)}.btn-tab{transition:all .2s ease;font-weight:500}.btn-tab.active{background:var(--surface-lowest)!important;color:var(--primary)!important;font-weight:600;box-shadow:0 1px 3px #00000014}.lookup-layout{display:grid;grid-template-columns:2fr 3fr;gap:24px;margin-top:10px}.identity-profile-card{background:var(--surface-low);border:1px solid var(--border-clean);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.profile-header{display:flex;align-items:center;gap:14px}.profile-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-light);border:1px solid rgba(79,70,229,.2);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:15px;font-weight:700;color:var(--text-high);letter-spacing:-.3px}.profile-id{font-size:11px;color:var(--text-disabled);margin-top:1px;font-weight:600;text-transform:uppercase}.profile-field-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-clean);padding-bottom:8px;padding-top:4px}.profile-field-row:last-child{border-bottom:none;padding-bottom:0}.profile-field-label{font-size:12px;color:var(--text-mid)}.profile-field-value{font-size:12px;font-weight:600;color:var(--text-high)}.grievance-telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.telemetry-card{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-sm)}.telemetry-label{font-size:10px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:6px}.telemetry-value{font-size:24px;font-weight:700;color:var(--text-high)}.telemetry-card.highlight-cyan .telemetry-value{color:var(--secondary)}.telemetry-card.highlight-purple .telemetry-value{color:var(--primary)}.telemetry-card.highlight-danger .telemetry-value{color:var(--danger)}.table-responsive{width:100%;overflow-x:visible;margin-top:10px}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:14px 16px;border-bottom:2px solid var(--border-clean);color:var(--text-disabled);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;background:var(--surface-low);position:sticky;top:0;z-index:10}.custom-table td{padding:14px 16px;border-bottom:1px solid var(--border-clean);font-size:13px;color:var(--text-mid);vertical-align:middle;background:var(--surface-lowest)}.custom-table tr:hover td{background:var(--surface-low);color:var(--text-high)}.badge-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge-active{background:var(--tertiary-light);color:var(--tertiary-glow)}.badge-resigned{background:var(--danger-light);color:var(--danger)}.indicator-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.badge-active .indicator-dot{background:var(--tertiary)}.badge-resigned .indicator-dot{background:var(--danger)}.upload-zone{border:2px dashed var(--border-clean);border-radius:var(--radius-lg);padding:32px;text-align:center;cursor:pointer;transition-property:border-color,background-color,transform,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;background:var(--surface-low);display:flex;flex-direction:column;align-items:center;gap:12px}.upload-zone:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f10d,0 4px 6px -2px #6366f105}.upload-zone.dragover{border-color:var(--primary);background:var(--primary-light);transform:scale(1.02);box-shadow:0 20px 25px -5px #6366f11a,0 10px 10px -5px #6366f10a}.upload-icon{font-size:32px;color:var(--text-disabled)}.upload-icon i{transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .15s ease-out}.upload-zone:hover .upload-icon i,.upload-zone.dragover .upload-icon i{transform:translateY(-3px) scale(1.1);color:var(--primary)}.upload-title{font-size:14px;font-weight:600;color:var(--text-high)}.upload-desc{font-size:12px;color:var(--text-disabled);max-width:400px;margin:0 auto;line-height:1.4}.master-roster-table{border-collapse:separate!important;border-spacing:0!important;font-variant-numeric:tabular-nums;width:100%}.master-roster-table th{text-wrap:balance;padding:8px 10px!important;font-size:9px!important;text-align:center!important;vertical-align:middle!important}.master-roster-table td{padding:6px 10px!important;font-size:10px!important;text-align:center!important;vertical-align:middle!important}.master-roster-table tr.roster-row-attendance td{border-top:2px solid var(--border-clean)!important;border-bottom:none!important;font-weight:500}.master-roster-table tr.roster-row-ot td{border-top:none!important;border-bottom:1px solid var(--border-clean)!important;padding-top:2px!important;padding-bottom:6px!important}.master-roster-table tr.roster-row-attendance:hover td,.master-roster-table tr.roster-row-ot:hover td{background:#6366f10a!important}.letter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.letter-card{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.letter-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.letter-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary)}.letter-name{font-size:14px;font-weight:600;color:var(--text-high)}.letter-desc{font-size:12px;color:var(--text-mid);line-height:1.4}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-lg);width:550px;max-width:90%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:modalSlide .2s ease-out}@keyframes modalSlide{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:16px 24px;border-bottom:1px solid var(--border-clean);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:15px;font-weight:600;color:var(--text-high)}.modal-close{background:none;border:none;color:var(--text-disabled);font-size:20px;cursor:pointer}.modal-close:hover{color:var(--text-high)}.modal-body{padding:24px;overflow-y:auto;max-height:70vh}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-clean);display:flex;justify-content:flex-end;gap:12px}.audit-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-clean);margin-bottom:20px;padding-bottom:4px}.audit-tab{padding:10px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer;transition:all .2s ease;background:transparent;border:none;text-transform:uppercase;letter-spacing:.5px}.audit-tab:hover{background:var(--surface-low);color:var(--text-high)}.audit-tab.active{background:var(--primary-light);color:var(--primary)}.anomaly-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.anomaly-ghost{background:var(--danger-light);color:var(--danger)}.anomaly-iban{background:#fef3c7;color:#d97706}.anomaly-deduction{background:#e0f2fe;color:#0284c7}.ticket-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--border-clean);border-radius:var(--radius-lg);background:var(--surface-lowest);margin-bottom:10px;transition:all .2s ease;cursor:pointer;box-shadow:var(--shadow-sm)}.ticket-row:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ticket-meta{display:flex;flex-direction:column;gap:2px;flex:1;margin-left:12px}.ticket-id{font-family:monospace;font-size:11px;font-weight:700;color:var(--text-disabled)}.ticket-title{font-weight:600;font-size:13px;color:var(--text-high)}.ticket-desc{font-size:11px;color:var(--text-mid);margin-top:2px}.ticket-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.status-review{background:#fef3c7;color:#d97706}.status-resolved{background:var(--tertiary-light);color:var(--tertiary)}.status-sync{background:var(--primary-light);color:var(--primary)}.timeline-grid{display:flex;justify-content:space-between;position:relative;margin:24px 0 16px;padding:10px 0}.timeline-track{position:absolute;top:22px;left:35px;right:35px;height:2px;background:var(--border-clean);z-index:1}.timeline-progress{position:absolute;top:22px;left:35px;height:2px;background:var(--tertiary);z-index:2;transition:width .3s ease}.timeline-step{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:70px}.step-dot{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--border-clean);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-disabled);transition:all .25s ease}.timeline-step.done .step-dot{background:var(--tertiary-light);border-color:var(--tertiary);color:var(--tertiary)}.timeline-step.active .step-dot{background:var(--tertiary);border-color:var(--tertiary);color:#fff;box-shadow:0 0 0 3px var(--tertiary-light)}.step-label{font-size:10px;font-weight:600;color:var(--text-mid);margin-top:6px;text-align:center;white-space:nowrap}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f8fafc,#eff6ff);display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden;font-family:var(--font-inter)}.login-bg-shapes{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.login-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.login-shape-1{background:#a5b4fc;width:400px;height:400px;top:-100px;left:-100px}.login-shape-2{background:#bae6fd;width:500px;height:500px;bottom:-150px;right:-150px}.login-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);width:420px;padding:40px;box-shadow:0 20px 40px -15px #0f172a14;z-index:10;display:flex;flex-direction:column;gap:24px;color:var(--text-dark);transition:all .3s ease}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.login-logo{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e533}.login-logo i{font-size:24px;color:#fff}.login-title{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text-dark)}.login-subtitle{font-size:13px;color:var(--text-mid)}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-group{display:flex;flex-direction:column;gap:6px}.login-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mid)}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-wrapper i{position:absolute;left:14px;color:var(--text-light);font-size:14px}.login-input{width:100%;background:#fffc;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-md);padding:12px 14px 12px 42px;color:var(--text-dark);font-size:14px;transition:all .2s ease}.login-input::placeholder{color:var(--text-light)}.login-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e51f}.login-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{background:var(--text-light);color:#fff9;cursor:not-allowed;box-shadow:none;transform:none}.login-error{background:#ef44440d;border:1px solid rgba(239,68,68,.15);color:var(--danger);font-size:12px;padding:10px 14px;border-radius:var(--radius-md);display:none;align-items:center;gap:8px}.unauthorized-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);width:460px;padding:40px;box-shadow:0 20px 40px -15px #0f172a14;z-index:10;display:flex;flex-direction:column;gap:24px;color:var(--text-dark);text-align:center;align-items:center}.unauthorized-icon{width:64px;height:64px;background:#ef44440d;border:1px solid rgba(239,68,68,.15);color:var(--danger);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #ef44441a}.setup-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);width:480px;padding:40px;box-shadow:0 20px 40px -15px #0f172a14;z-index:10;display:flex;flex-direction:column;gap:20px;color:var(--text-dark)}.setup-title{font-size:18px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:10px;color:var(--text-dark)}.setup-desc{font-size:13px;color:var(--text-mid);line-height:1.5}.copy-sql-btn{background:#4f46e50d;border:1px solid rgba(79,70,229,.15);color:var(--primary);padding:8px 12px;border-radius:var(--radius-md);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.copy-sql-btn:hover{background:#4f46e51a}.btn-logout{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-logout:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.badge-probation{background:#a855f71a;color:#a855f7}.badge-probation .indicator-dot{background:#a855f7}.badge-on-leave{background:#eab3081a;color:#eab308}.badge-on-leave .indicator-dot{background:#eab308}.badge-suspended{background:#ef44441a;color:var(--danger)}.badge-suspended .indicator-dot{background:var(--danger)}.kebab-menu-container{position:relative;display:inline-block}.btn-kebab{background:none;border:none;color:var(--text-mid);cursor:pointer;padding:6px 10px;font-size:14px;border-radius:var(--radius-sm);transition:all .2s}.btn-kebab:hover{background:var(--surface-high);color:var(--text-high)}.kebab-dropdown{position:absolute;right:0;top:100%;z-index:10000;display:none;background:var(--surface-low);border:1px solid var(--border-clean);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026;width:180px;padding:6px 0;text-align:left}.kebab-dropdown.active{display:block}.kebab-dropdown a{display:flex;align-items:center;gap:10px;padding:8px 14px;color:var(--text-mid);font-size:12px;text-decoration:none;transition:all .2s}.kebab-dropdown a:hover{background:var(--surface-high);color:var(--text-high)}.kebab-dropdown i{width:14px;text-align:center}.profile-tabs{display:flex;border-bottom:1px solid var(--border-clean);margin-bottom:20px;gap:16px}.profile-tab{padding:8px 16px 12px;font-size:13px;font-weight:600;color:var(--text-mid);cursor:pointer;position:relative;transition:all .2s}.profile-tab:hover{color:var(--text-high)}.profile-tab.active{color:var(--primary)}.profile-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);border-radius:var(--radius-sm)}.profile-tab-content{display:none}.profile-tab-content.active{display:block}.timeline{position:relative;padding-left:24px;margin-top:10px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--surface-high)}.timeline-item{position:relative;margin-bottom:24px}.timeline-marker{position:absolute;left:-24px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--surface-low);border:2px solid var(--text-disabled);display:flex;align-items:center;justify-content:center;font-size:8px;z-index:2}.timeline-marker.edit{border-color:var(--primary);color:var(--primary)}.timeline-marker.transfer{border-color:var(--secondary);color:var(--secondary)}.timeline-marker.promotion{border-color:var(--tertiary);color:var(--tertiary)}.timeline-marker.salary_revision{border-color:#eab308;color:#eab308}.timeline-marker.resignation{border-color:var(--danger);color:var(--danger)}.timeline-marker.rehire{border-color:var(--tertiary);color:var(--tertiary)}.timeline-marker.probation_confirmation{border-color:#a855f7;color:#a855f7}.timeline-marker.status_change{border-color:var(--text-high);color:var(--text-high)}.timeline-content{background:var(--surface-lowest);border:1px solid var(--border-clean);border-radius:var(--radius-md);padding:10px 14px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.timeline-title{font-size:11px;font-weight:600;color:var(--text-high)}.timeline-date{font-size:9px;color:var(--text-disabled)}.timeline-body{font-size:11px;color:var(--text-mid);line-height:1.4}.timeline-by{font-size:9px;color:var(--text-disabled);margin-top:4px;text-align:right}.editable-field{position:relative;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;min-height:24px;display:flex;align-items:center}.editable-field:hover{background:var(--surface-high)}.editable-field.editing{padding:0;background:none}.edit-input{width:100%;background:var(--bg-void);border:1px solid var(--primary);color:var(--text-high);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;outline:none;font-family:inherit}.edit-select{width:100%;background:var(--bg-void);border:1px solid var(--primary);color:var(--text-high);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;outline:none}.floating-edit-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface-low);border:1px solid var(--border-clean);border-radius:var(--radius-lg);padding:12px 24px;box-shadow:0 10px 25px -5px #00000080;display:none;align-items:center;gap:16px;z-index:100000}.floating-edit-bar.active{display:flex}.roster-tabs{display:flex;gap:12px;margin-bottom:16px}.roster-tab{padding:6px 14px;font-size:12px;font-weight:600;border-radius:20px;cursor:pointer;border:1px solid var(--border-clean);background:var(--surface-lowest);color:var(--text-mid);transition:all .2s}.roster-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-header{display:none;height:60px;background:var(--surface-lowest);border-bottom:1px solid var(--border-clean);align-items:center;justify-content:space-between;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:900}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--primary)}.mobile-menu-toggle{font-size:20px;color:var(--text-high);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.app-container{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.mobile-header{display:flex}.sidebar{position:fixed;top:60px;left:-280px;bottom:0;width:280px;height:calc(100vh - 60px);z-index:950;box-shadow:4px 0 12px #00000026;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0!important}.sidebar.collapsed{display:none!important}.main-content{margin-top:60px;height:auto;overflow:visible}.table-container{overflow-x:auto;width:100%;margin-bottom:16px;border:1px solid var(--border-clean);border-radius:8px;-webkit-overflow-scrolling:touch}.metrics-grid,.dashboard-grid,.grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}@media (max-width: 768px){.metrics-grid,.dashboard-grid,.grid{grid-template-columns:1fr!important}.modal-content,.setup-card,.login-card,.unauthorized-card{width:95%!important;max-width:95%!important;margin:20px auto;padding:16px!important}.input-group-row,.form-row{flex-direction:column;gap:12px}.dashboard-header,.section-header{flex-direction:column;align-items:start;gap:12px}}.diff-modal-content{width:900px;max-width:95%}.diff-summary-bar{display:flex;gap:16px;padding:14px 18px;background:var(--surface-high);border-radius:10px;margin-bottom:18px;flex-wrap:wrap}.diff-summary-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-high)}.diff-summary-item .diff-dot{width:10px;height:10px;border-radius:50%}.diff-dot.modified{background:#f59e0b}.diff-dot.added{background:#22c55e}.diff-dot.unchanged{background:#94a3b8}.diff-table{width:100%;border-collapse:collapse;font-size:12px}.diff-table thead th{background:var(--surface-high);padding:10px 12px;font-weight:700;color:var(--text-high);text-align:left;border-bottom:2px solid var(--border-clean);font-size:11px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:2}.diff-table tbody td{padding:8px 12px;border-bottom:1px solid var(--border-clean);color:var(--text-mid);vertical-align:middle}.diff-table tbody tr:hover{background:#6366f108}.diff-val-old{color:#ef4444;text-decoration:line-through;background:#ef444414;padding:2px 8px;border-radius:4px;font-weight:500}.diff-val-new{color:#22c55e;font-weight:700;background:#22c55e14;padding:2px 8px;border-radius:4px}.diff-badge-modified{background:#f59e0b1f;color:#f59e0b;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase}.diff-badge-new{background:#22c55e1f;color:#22c55e;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase}.diff-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-clean)}.btn-confirm-changes{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 28px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-confirm-changes:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}@media (max-width: 768px){.diff-modal-content{width:98%}.diff-summary-bar{flex-direction:column;gap:8px}}:root{--bg-void: #f8fafc;--surface-lowest: #ffffff;--surface-low: #f1f5f9;--surface-container: #ffffff;--surface-high: #e2e8f0;--surface-highest: #cbd5e1;--primary: #4f46e5;--primary-light: #e0e7ff;--primary-hover: #4338ca;--primary-glow: rgba(79, 70, 229, .15);--secondary: #0ea5e9;--secondary-light: #e0f2fe;--tertiary: #10b981;--tertiary-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--text-high: #0f172a;--text-mid: #475569;--text-disabled: #94a3b8;--border-clean: #e2e8f0;--border-focus: #4f46e5;--card-bg: rgba(255, 255, 255, .75);--card-border: 1px solid rgba(226, 232, 240, .7);--card-backdrop: blur(16px);--shadow-glow: 0 4px 20px rgba(79, 70, 229, .03);--radius-md: 10px;--radius-lg: 16px}body.dark-theme{--bg-void: #080b11;--surface-lowest: #0e131f;--surface-low: #151d30;--surface-container: #151d30;--surface-high: #242f4c;--surface-highest: #384973;--primary: #6366f1;--primary-light: rgba(99, 102, 241, .16);--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .25);--secondary: #06b6d4;--secondary-light: rgba(6, 182, 212, .15);--tertiary: #10b981;--tertiary-light: rgba(16, 185, 129, .15);--danger: #f43f5e;--danger-light: rgba(244, 63, 94, .15);--text-high: #f8fafc;--text-mid: #94a3b8;--text-disabled: #475569;--border-clean: rgba(255, 255, 255, .08);--border-focus: #6366f1;--card-bg: rgba(14, 19, 31, .65);--card-border: 1px solid rgba(255, 255, 255, .05);--card-backdrop: blur(16px);--shadow-glow: 0 4px 24px rgba(99, 102, 241, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .45)}body{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.sidebar,.topbar,.main-content,.clean-card,.metric-card,.user-profile,.nav-item,input,select,textarea,button,.custom-table,.custom-table tr,.modal-content{transition:background .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.sidebar{background:var(--surface-lowest)!important;border-right:1px solid var(--border-clean)!important}.user-profile{margin-top:12px!important;background:var(--surface-low)!important;border:1px solid var(--border-clean)!important}.nav-menu{gap:6px!important}.nav-item{color:var(--text-mid)!important;font-weight:500!important;margin-bottom:2px;position:relative;overflow:hidden;border-radius:var(--radius-md)!important}.nav-item:hover{color:var(--text-high)!important;background:var(--surface-low)!important}.nav-item i{color:var(--text-disabled)!important}.nav-item:hover i{color:var(--primary)!important}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px var(--primary-glow)!important}.nav-item.active i{color:#fff!important}.clean-card{background:var(--card-bg)!important;border:var(--card-border)!important;box-shadow:var(--shadow-sm),var(--shadow-glow)!important;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.clean-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)!important}.metric-card{background:var(--card-bg)!important;border:var(--card-border)!important;box-shadow:var(--shadow-sm),var(--shadow-glow)!important;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-glow)!important}.metric-icon{box-shadow:0 4px 12px #0000000d}body.dark-theme .metric-icon{box-shadow:0 4px 12px #0003}.theme-switch-container{margin-top:auto;padding:0 8px;margin-bottom:12px}.theme-toggle-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-low);border:1px solid var(--border-clean);color:var(--text-mid);border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:13px;border-style:solid}.theme-toggle-btn:hover{color:var(--text-high);background:var(--surface-high);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}body.dark-theme .theme-toggle-btn:hover{box-shadow:0 4px 12px #00000040}.theme-toggle-btn i{font-size:16px;width:20px;text-align:center;color:var(--primary)}.sidebar.collapsed .theme-toggle-btn span{display:none!important}.sidebar.collapsed .theme-toggle-btn{justify-content:center;padding:12px 0}.sidebar.collapsed .theme-switch-container{padding:0}.search-input,select,textarea{background:var(--surface-lowest)!important;border:1px solid var(--border-clean)!important;color:var(--text-high)!important}.search-input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)!important;outline:none}.custom-table{border-collapse:separate!important;border-spacing:0;width:100%}.custom-table th{background:var(--surface-low)!important;color:var(--text-high)!important;font-weight:600!important;border-bottom:2px solid var(--border-clean)!important;padding:12px 16px!important}.custom-table td{border-bottom:1px solid var(--border-clean)!important;padding:12px 16px!important;color:var(--text-mid)!important}.custom-table tbody tr:hover{background:var(--primary-light)!important}body.dark-theme .custom-table tbody tr:hover{background:#6366f114!important}.badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge-active{background:#10b9811f!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)}.badge-former{background:#ef44441f!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)}.badge-pending{background:#f59e0b1f!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.2)}.pipeline-node .node-circle{background:var(--surface-lowest)!important;border-color:var(--border-clean)!important;color:var(--text-mid)!important}.pipeline-node.completed .node-circle{background:var(--primary-light)!important;border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:0 0 12px var(--primary-glow)!important}.pipeline-node.active .node-circle{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 20px var(--primary-glow),0 0 0 4px var(--primary-light)!important}.pipeline-node:hover .node-circle{transform:scale(1.1);border-color:var(--primary)!important}.modal{background-color:#090d1666!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.dark-theme .modal{background-color:#0009!important}.modal-content{background:var(--surface-lowest)!important;border:1px solid var(--border-clean)!important;box-shadow:var(--shadow-lg),0 10px 30px #00000026!important;border-radius:var(--radius-lg)!important}body.dark-theme .modal-content{box-shadow:var(--shadow-lg),0 10px 40px #0006!important}.btn-action{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;box-shadow:0 4px 12px var(--primary-glow)!important}.btn-action:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)!important}.topbar{background:var(--surface-lowest)!important;border-bottom:1px solid var(--border-clean)!important}.btn-sync{background:var(--surface-low)!important;border:1px solid var(--border-clean)!important;color:var(--text-mid)!important}.btn-sync:hover{background:var(--surface-high)!important;color:var(--text-high)!important}.btn-logout{background:#ef444414!important;border:1px solid rgba(239,68,68,.15)!important;color:#ef4444!important;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;transition:all .2s}.btn-logout:hover{background:#ef4444!important;color:#fff!important;box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.btn-tab{background:var(--surface-low)!important;color:var(--text-mid)!important;border:1px solid var(--border-clean)!important;border-radius:var(--radius-md)!important;padding:8px 16px!important}.btn-tab.active{background:var(--surface-lowest)!important;color:var(--primary)!important;border-color:var(--border-clean)!important;box-shadow:var(--shadow-sm),var(--shadow-glow)!important}.roster-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--surface-low);padding:4px;border-radius:var(--radius-md);width:fit-content;border:1px solid var(--border-clean)}.roster-tab{padding:8px 20px;border-radius:6px;color:var(--text-mid);font-weight:500;cursor:pointer;transition:all .2s;font-size:13px}.roster-tab:hover{color:var(--text-high)}.roster-tab.active{background:var(--surface-lowest);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.identity-profile-card{background:var(--surface-low)!important;border:1px solid var(--border-clean)!important}.profile-avatar{background:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--border-clean)!important}.telemetry-card{background:var(--surface-lowest)!important;border:1px solid var(--border-clean)!important;box-shadow:var(--shadow-sm),var(--shadow-glow)!important}.roster-title-container{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.roster-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}@media (max-width: 600px){.roster-actions-grid{grid-template-columns:1fr}}.btn-upload{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9812e!important;border:1px solid #10b981!important;color:#fff!important}.btn-upload:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 16px #10b9814d!important;transform:translateY(-1px)}.btn-export{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 4px 12px #6366f12e!important;border:1px solid #6366f1!important;color:#fff!important}.btn-export:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;box-shadow:0 6px 16px #6366f14d!important;transform:translateY(-1px)}.btn-template{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;box-shadow:0 4px 12px #0ea5e92e!important;border:1px solid #0ea5e9!important;color:#fff!important}.btn-template:hover{background:linear-gradient(135deg,#0284c7,#0369a1)!important;box-shadow:0 6px 16px #0ea5e94d!important;transform:translateY(-1px)}.btn-add{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 4px 12px #3b82f62e!important;border:1px solid #3b82f6!important;color:#fff!important}.btn-add:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #3b82f64d!important;transform:translateY(-1px)}body.dark-theme .btn-upload{box-shadow:0 4px 12px #10b98147!important}body.dark-theme .btn-export{box-shadow:0 4px 12px #6366f147!important}body.dark-theme .btn-template{box-shadow:0 4px 12px #0ea5e947!important}body.dark-theme .btn-add{box-shadow:0 4px 12px #3b82f647!important}.btn-reset-icon{background:none;border:none;color:var(--primary);cursor:pointer;font-size:16px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0}.btn-reset-icon:hover{background:var(--primary-light);color:var(--primary-hover);transform:rotate(-60deg)}.combobox-item{padding:10px 14px;font-size:13px;color:var(--text-high);cursor:pointer;border-bottom:1px solid var(--border-clean);transition:background .15s ease,color .15s ease;text-align:left}.combobox-item:last-child{border-bottom:none}.combobox-item:hover,.combobox-item.active{background:var(--primary-light);color:var(--primary)}.combobox-no-results{padding:10px 14px;font-size:13px;color:var(--text-disabled);font-style:italic;text-align:left}.attendance-sub-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-clean);padding-bottom:10px}.sub-tab-btn{background:none;border:none;padding:8px 16px;font-weight:600;font-size:13px;color:var(--text-mid);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;outline:none}.sub-tab-btn:hover{color:var(--text-high)}.sub-tab-btn.active{color:var(--primary)!important;border-bottom:2px solid var(--primary)!important}body.dark-theme .sub-tab-btn{color:var(--text-mid)}body.dark-theme .sub-tab-btn:hover{color:var(--text-high)}body.dark-theme .sub-tab-btn.active{color:var(--primary)!important;border-bottom:2px solid var(--primary)!important}#docgen-print-container{display:none}.register-page{background:#fff!important;color:#000!important;width:297mm;min-height:210mm;padding:12mm 15mm;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #0003;border-radius:4px;margin:0 auto;position:relative}.register-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000000;padding-bottom:8px;margin-bottom:12px}.register-header-left{display:flex;align-items:center;gap:12px}.register-logo{width:32px;height:32px}.register-title-block h1{font-size:16px;font-weight:800;margin:0;color:#000!important;text-transform:uppercase;letter-spacing:.5px}.register-title-block p{font-size:11px;margin:2px 0 0;color:#4b5563!important}.register-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:x;font-size:10px;text-align:right}.register-meta-item{display:flex;justify-content:flex-end;gap:6px}.register-meta-label{font-weight:700}table.register-table-raw{width:100%;border-collapse:collapse;border:2px solid #000000;font-size:8.5px;margin-bottom:12px}table.register-table-raw th{border:2px solid #000000;padding:3px 2px;font-weight:700;text-transform:uppercase;font-size:8px;background:#fff;color:#000;text-align:center}table.register-table-raw td{border:1px solid #000000;padding:2px 1px;text-align:center;vertical-align:middle;height:15px;color:#000}table.register-table-raw tr.row-att td{border-top:2px solid #000000}table.register-table-raw tr.row-ot td{border-bottom:2px solid #000000}table.register-table-raw td.sunday-col{font-weight:700}.register-footer-section{margin-top:auto}.register-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:16px;margin-bottom:16px}.signature-block{display:flex;flex-direction:column;align-items:center;border-top:1px solid #000000;padding-top:6px;font-size:9px}.signature-title{font-weight:700;margin-bottom:2px}.signature-subtitle{color:#6b7280;font-style:italic}.register-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:6px;font-size:8.5px;color:#4b5563}.register-footer-right{display:flex;align-items:center;gap:16px}.qr-placeholder{width:40px;height:40px;border:1px solid #e5e7eb;padding:2px;box-sizing:border-box;background:#fff}@media print{html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.app-container,.topbar,.sidebar,.view-panel,.modal,.notification,.attendance-sub-tabs,.clean-card,#attendance-tab-4{display:none!important}#docgen-print-container{display:block!important;width:100%!important;margin:0!important;padding:0!important}.register-page{box-shadow:none!important;border:none!important;margin:0!important;padding:5mm!important;page-break-inside:avoid!important;page-break-after:always!important;width:100%!important;height:100%!important}.register-page:last-child{page-break-after:avoid!important}@page{size:A4 landscape;margin:8mm}}