:root{--brand-primary: #2563EB;--brand-primary-dark: #1D4ED8;--brand-secondary: #06B6D4;--brand-accent: #F97316;--brand-success: #10B981;--brand-warning: #F59E0B;--brand-danger: #EF4444;--brand-info: #6366F1;--gradient-brand: linear-gradient(135deg, #3B82F6 0%, #4F46E5 52%, #7C3AED 100%);--gradient-surface: linear-gradient(165deg, #FFFFFF 0%, #F8FAFF 55%, #F1F5F9 100%);--gradient-mesh: radial-gradient(ellipse 100% 80% at 0% -30%, rgba(59, 130, 246, .12) 0%, transparent 52%), radial-gradient(ellipse 90% 70% at 100% 0%, rgba(99, 102, 241, .09) 0%, transparent 48%), radial-gradient(ellipse 70% 50% at 50% 100%, rgba(6, 182, 212, .05) 0%, transparent 42%);--bg-base: #E8EDF8;--bg-surface: #FFFFFF;--bg-surface-2: #F4F7FD;--bg-surface-3: #E9EEF8;--bg-overlay: rgba(15, 23, 42, .48);--border-color: rgba(148, 163, 184, .35);--border-strong: rgba(100, 116, 139, .45);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--text-on-brand: #FFFFFF;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .04), 0 12px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 16px rgba(15, 23, 42, .05), 0 24px 48px rgba(15, 23, 42, .08);--shadow-xl: 0 16px 32px rgba(15, 23, 42, .08), 0 40px 80px rgba(15, 23, 42, .1);--shadow-glow: 0 0 0 1px rgba(59, 130, 246, .12), 0 12px 40px rgba(59, 130, 246, .18);--sidebar-bg: linear-gradient(180deg, #F8FAFF 0%, #F1F5FF 55%, #E8EEF9 100%);--sidebar-text: #4B5563;--sidebar-text-active: #0F172A;--sidebar-active-bg: rgba(37, 99, 235, .16);--sidebar-hover-bg: rgba(15, 23, 42, .06);--sidebar-border: rgba(148, 163, 184, .28);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.15, .64, 1);--transition-fast: .16s var(--ease-smooth);--transition-base: .24s var(--ease-smooth);--transition-slow: .42s var(--ease-smooth);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-weight-heading: 700;--font-weight-label: 600;--letter-tight: -.03em;--letter-normal: -.011em;--topbar-h: 64px;--sidebar-w: 272px;--sidebar-collapsed-w: 72px}[data-theme=dark]{--gradient-mesh: radial-gradient(ellipse 100% 80% at 0% -25%, rgba(59, 130, 246, .18) 0%, transparent 52%), radial-gradient(ellipse 90% 60% at 100% 0%, rgba(124, 58, 237, .12) 0%, transparent 48%);--bg-base: #080C18;--bg-surface: #111827;--bg-surface-2: #172033;--bg-surface-3: #1B2740;--bg-overlay: rgba(0, 0, 0, .65);--border-color: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--text-on-brand: #FFFFFF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25), 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 16px 32px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4), 0 32px 64px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .45), 0 48px 96px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px rgba(59, 130, 246, .22), 0 12px 48px rgba(59, 130, 246, .22);--sidebar-bg: linear-gradient(180deg, #020617 0%, #0B1120 45%, #0F172A 100%);--sidebar-text: rgba(255, 255, 255, .66);--sidebar-text-active: #FFFFFF;--sidebar-active-bg: rgba(59, 130, 246, .42);--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-border: rgba(255, 255, 255, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:.9375rem;letter-spacing:var(--letter-normal);background:var(--bg-base);background-image:var(--gradient-mesh);background-attachment:fixed;color:var(--text-primary);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";transition:background-color var(--transition-slow),color var(--transition-slow)}::selection{background:#3b82f638;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.25;font-weight:var(--font-weight-heading);letter-spacing:var(--letter-tight)}.btn,.badge,.tab-btn,.data-table{font-family:var(--font-body)}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-w);transition:margin-left var(--transition-slow);min-height:100vh;display:flex;flex-direction:column}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-w)}.page-body{padding:28px 32px 40px;flex:1;max-width:1680px;width:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.card{background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);overflow:hidden}[data-theme=dark] .card{background:var(--bg-surface)}.card:hover{box-shadow:var(--shadow-md);border-color:#3b82f62e;transform:translateY(-1px)}.card-body{padding:24px 28px}.card-header{padding:18px 26px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--font-weight-heading);letter-spacing:var(--letter-tight);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:12px 24px;font-size:.9375rem}.btn-icon{padding:8px;min-width:36px;justify-content:center}.btn-icon.btn-sm{padding:6px;min-width:30px}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 10px #3b82f661,inset 0 1px #ffffff24}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);filter:brightness(1.04)}.btn-primary:active{transform:translateY(0);filter:brightness(.98)}.btn-secondary{background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.btn-danger{background:var(--brand-danger);color:#fff}.btn-danger:hover{background:#e8001d;box-shadow:0 4px 16px #ff475759}.btn-success{background:var(--brand-success);color:#fff}.btn-success:hover{background:#00a87a}.btn-warning{background:var(--brand-warning);color:#1a1a1a}.btn-warning:hover{background:#e5a600}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-surface-3);color:var(--text-primary)}.btn-outline-primary{background:transparent;color:var(--brand-primary);border:1.5px solid var(--brand-primary)}.btn-outline-primary:hover{background:var(--brand-primary);color:#fff}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-body);font-size:.8125rem;font-weight:var(--font-weight-label);color:var(--text-secondary);text-transform:none;letter-spacing:.01em}.form-control{padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #3b82f624;background:var(--bg-surface)}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:88px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-primary{background:#2563eb1f;color:var(--brand-primary)}.badge-success{background:#00c48c1f;color:var(--brand-success)}.badge-warning{background:#ffb8001f;color:#b08000}[data-theme=dark] .badge-warning{color:var(--brand-warning)}.badge-danger{background:#ff47571f;color:var(--brand-danger)}.badge-info{background:#5352ed1f;color:var(--brand-info)}.badge-muted{background:var(--bg-surface-3);color:var(--text-muted)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead th{padding:13px 18px;text-align:left;font-family:var(--font-body);font-size:.72rem;font-weight:var(--font-weight-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table thead th:first-child{border-radius:var(--radius-lg) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--radius-lg) 0 0}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-surface-2);box-shadow:inset 3px 0 0 var(--brand-primary)}.data-table tbody td{padding:15px 18px;color:var(--text-primary);vertical-align:middle}.avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.875rem;flex-shrink:0;background:var(--brand-primary);color:#fff}.avatar-sm{width:28px;height:28px;font-size:.75rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:64px;height:64px;font-size:1.25rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.stat-card:has(>.stat-card-icon){display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-accent, var(--gradient-brand));opacity:.95}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#3b82f638}.stat-card--clickable{cursor:pointer}.stat-card-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:0;grid-row:1 / -1;grid-column:1;align-self:center;flex-shrink:0;background:color-mix(in srgb,var(--stat-accent, var(--brand-primary)) 12%,transparent);color:var(--stat-accent, var(--brand-primary))}.stat-card-value{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-heading);color:var(--text-primary);line-height:1.1;letter-spacing:var(--letter-tight);grid-column:2}.stat-card:has(>.stat-card-icon) .stat-card-value{grid-row:1}.stat-card-label{font-size:.75rem;color:var(--text-secondary);margin-top:0;font-weight:500;line-height:1.3;grid-column:2}.stat-card:has(>.stat-card-icon) .stat-card-label{grid-row:2}.stat-card-trend{display:flex;align-items:center;gap:4px;margin-top:0;font-size:.72rem;font-weight:600;grid-column:2;grid-row:3}.stat-card:not(:has(>.stat-card-icon)){padding:12px 14px}.stat-card:not(:has(>.stat-card-icon)) .stat-card-value{font-size:1.35rem}.stat-card-trend.up{color:var(--brand-success)}.stat-card-trend.down{color:var(--brand-danger)}.stat-card--tile{--stat-accent: var(--brand-primary);display:flex;flex-direction:column;min-height:116px;padding:14px 16px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-left:3px solid var(--stat-accent);box-shadow:var(--shadow-sm)}.stat-card--tile:before{display:none}.stat-card--tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--stat-accent) 5%,transparent) 0%,transparent 42%)}.stat-card--tile:hover{border-color:var(--border-color);border-left-color:var(--stat-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-watermark{position:absolute;right:8px;bottom:8px;color:var(--stat-accent);opacity:.06;pointer-events:none;line-height:0}.stat-card-tile-top{display:flex;justify-content:flex-start;margin-bottom:10px;position:relative;z-index:1}.stat-card-icon-badge{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--stat-accent);background:color-mix(in srgb,var(--stat-accent) 10%,var(--bg-surface-2));border:1px solid color-mix(in srgb,var(--stat-accent) 14%,var(--border-color));box-shadow:none}.stat-card-tile-body{flex:1;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.stat-card--tile .stat-card-label{grid-column:unset;grid-row:unset;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);line-height:1.35}.stat-card--tile .stat-card-value{grid-column:unset;grid-row:unset;font-size:1.85rem;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1.05}.stat-card-tile-footer{margin-top:10px;min-height:26px;display:flex;align-items:center;position:relative;z-index:1}.stat-card-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.68rem;font-weight:600;line-height:1.2;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stat-card-chip.up{background:color-mix(in srgb,var(--brand-success) 14%,var(--bg-surface));color:var(--brand-success)}.stat-card-chip.down{background:color-mix(in srgb,var(--brand-danger) 12%,var(--bg-surface));color:var(--brand-danger)}.stat-card-chip--neutral{background:var(--bg-surface-2);color:var(--text-muted);border:1px solid var(--border-color)}.stat-card-chip-icon--down{transform:rotate(180deg)}.stat-card-pulse{width:6px;height:6px;border-radius:50%;background:var(--brand-success);flex-shrink:0;animation:statPulse 2s ease-in-out infinite}@keyframes statPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}[data-theme=dark] .stat-card--tile:after{background:linear-gradient(180deg,color-mix(in srgb,var(--stat-accent) 8%,transparent) 0%,transparent 40%)}[data-theme=dark] .stat-card-icon-badge{background:color-mix(in srgb,var(--stat-accent) 14%,var(--bg-surface-2))}.kpi-card{--kpi-accent: var(--brand-primary)}.kpi-card .stat-card-value{color:var(--kpi-accent);font-size:1.75rem}.kpi-card-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.kpi-card-body{margin-top:4px}.balance-card{--balance-accent: var(--brand-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 18px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--balance-accent);opacity:.9}.balance-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:color-mix(in srgb,var(--balance-accent) 28%,var(--border-color))}.balance-card-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--balance-accent) 12%,transparent);color:var(--balance-accent);flex-shrink:0;margin-top:2px}.balance-card-body{min-width:0;display:flex;flex-direction:column;gap:2px}.balance-card-value{font-family:var(--font-display);font-size:1.65rem;font-weight:var(--font-weight-heading);color:var(--balance-accent);line-height:1.1;letter-spacing:var(--letter-tight)}.balance-card-label{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.35}.balance-card-meta{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.balance-card-progress{margin-top:10px;height:5px;border-radius:999px;background:var(--bg-surface-2);overflow:hidden}.balance-card-progress-fill{height:100%;border-radius:inherit;background:var(--balance-accent);transition:width .35s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;min-height:100vh;min-height:100dvh;background:var(--bg-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);animation:backdropIn .2s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-lg{max-width:680px}.modal-sm{max-width:400px}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:22px 26px 18px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(180deg,var(--bg-surface-2) 0%,var(--bg-surface) 100%)}.modal-header-text{flex:1;min-width:0}.modal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:var(--font-weight-heading);letter-spacing:var(--letter-tight);color:var(--text-primary);line-height:1.25}.modal-subtitle{margin:6px 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.45}.modal-close{flex-shrink:0;margin-top:2px}.modal-body{padding:0;overflow-y:auto;flex:1}.modal-footer{padding:16px 26px 20px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;align-items:center;background:var(--bg-surface-2)}.modal-footer-hint{margin-right:auto;font-size:.78rem;color:var(--text-muted)}.form-modal{display:flex;flex-direction:column}.form-modal-section{padding:22px 26px;border-bottom:1px solid var(--border-color)}.form-modal-section:last-child{border-bottom:none}.form-modal-section-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.form-modal-section-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--brand-primary);flex-shrink:0}.form-modal-section-title{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.form-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 18px}.form-modal-grid .span-full{grid-column:1 / -1}.form-field-error{display:block;margin-top:6px;font-size:.78rem;font-weight:500;color:var(--brand-danger)}.form-label-required:after{content:" *";color:var(--brand-danger);font-weight:600}@media (max-width: 560px){.form-modal-grid{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:14px 18px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:420px;pointer-events:auto;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translate(60px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.toast-exit{animation:toastOut .25s ease forwards}@keyframes toastOut{to{opacity:0;transform:translate(60px)}}.toast-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-success .toast-icon{background:#00c48c1f;color:var(--brand-success)}.toast-error .toast-icon{background:#ff47571f;color:var(--brand-danger)}.toast-warning .toast-icon{background:#ffb8001f;color:var(--brand-warning)}.toast-info .toast-icon{background:#0057ff1f;color:var(--brand-primary)}.toast-message{font-size:.875rem;font-weight:500;color:var(--text-primary);flex:1}.toast-sub{font-size:.8rem;color:var(--text-secondary)}.search-bar{position:relative;display:flex;align-items:center}.search-bar .search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-bar input{padding-left:38px;padding-right:14px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap;padding-bottom:4px;width:100%}.page-title{font-family:var(--font-display);font-size:1.95rem;font-weight:var(--font-weight-heading);color:var(--text-primary);letter-spacing:var(--letter-tight);line-height:1.2}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:3px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mb-section{margin-bottom:28px}.mb-section-sm{margin-bottom:20px}.grid-4.stat-grid,.grid-3.stat-grid{gap:16px}.priority-critical{color:var(--brand-danger)}.priority-high{color:var(--brand-warning)}.priority-medium{color:var(--brand-primary)}.priority-low{color:var(--brand-success)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:100;overflow:hidden;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--bg-surface-2)}.dropdown-item.danger{color:var(--brand-danger)}.dropdown-item.danger:hover{background:#ff47570f}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab-btn{padding:10px 18px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:var(--bg-surface-3);border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600;background:#2563eb0f}.progress-bar{height:6px;background:var(--bg-surface-3);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--brand-primary);transition:width .5s ease}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .65s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--bg-surface-3);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.empty-state-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.empty-state-text{font-size:.875rem;color:var(--text-secondary);max-width:280px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-surface-3);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.78rem;color:var(--text-secondary);font-weight:500;cursor:default}.divider{height:1px;background:var(--border-color);margin:16px 0}.confirm-icon{width:52px;height:52px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}.sidebar-desktop{display:block}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:300;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-mobile-drawer{position:fixed;top:0;left:0;z-index:260;height:100vh}@media (max-width: 900px){.sidebar-desktop{display:none!important}.mobile-menu-btn{display:flex!important}.main-content{margin-left:0!important}.page-body{padding:16px}.app-topbar{padding:0 16px 0 56px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}.page-title{font-size:1.4rem}}@media (max-width: 600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.modal{border-radius:var(--radius-lg)}.toast-container{bottom:12px;right:12px;left:12px}.toast{min-width:unset;width:100%}.data-table thead th,.data-table tbody td{padding:10px 12px}.card-header{flex-wrap:wrap}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .45s var(--ease-smooth) forwards}.app-topbar{height:var(--topbar-h);background:color-mix(in srgb,var(--bg-surface) 78%,transparent);backdrop-filter:blur(20px) saturate(1.45);-webkit-backdrop-filter:blur(20px) saturate(1.45);border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:100;box-shadow:0 1px #ffffff8c inset,var(--shadow-sm)}[data-theme=dark] .app-topbar{background:color-mix(in srgb,var(--bg-surface) 82%,transparent);box-shadow:0 1px #ffffff0a inset,var(--shadow-sm)}.app-topbar .form-control{border-radius:var(--radius-full);background:var(--bg-surface-2)}.app-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);transition:width var(--transition-slow);overflow:hidden;position:fixed;top:0;left:0;z-index:200;box-shadow:4px 0 24px #0000001f}.app-sidebar--collapsed{width:var(--sidebar-collapsed-w)}.sidebar-brand{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sidebar-border);min-height:68px;gap:8px}.app-sidebar--collapsed .sidebar-brand{padding:18px 0;justify-content:center;flex-direction:column;gap:12px}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #2563eb66}.sidebar-logo-text{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#fff;line-height:1.1}.sidebar-logo-sub{font-size:.65rem;color:var(--sidebar-text);letter-spacing:.1em;text-transform:uppercase}.sidebar-user-card{margin:12px 14px;padding:12px 14px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.sidebar-user-name{color:#fff;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--sidebar-text);font-size:.7rem;display:flex;align-items:center;gap:4px;margin-top:2px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.sidebar-nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:4px;color:var(--sidebar-text);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.sidebar-nav-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.sidebar-nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-color:#ffffff1f;box-shadow:0 2px 12px #2563eb40;font-weight:600}.sidebar-nav-link.active svg{opacity:1}.sidebar-nav-link svg{flex-shrink:0;opacity:.75;transition:opacity var(--transition-fast)}.app-sidebar--collapsed .sidebar-nav-link{justify-content:center;padding:12px 0;margin:2px 8px}.sidebar-footer{padding:12px 10px 16px;border-top:1px solid var(--sidebar-border)}.sidebar-footer .sidebar-nav-link{color:var(--sidebar-text)}.sidebar-logout{width:100%;justify-content:flex-start;color:#fca5a5!important;margin-top:4px}.sidebar-logout:hover{background:#ef444426!important;color:#fecaca!important}.app-sidebar--collapsed .sidebar-logout{justify-content:center;padding:12px 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);pointer-events:none}.login-bg:before,.login-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-bg:before{width:520px;height:520px;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 68%);bottom:-180px;left:-120px;animation:floatOrb 24s ease-in-out infinite reverse}.login-bg:after{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.16) 0%,transparent 70%);top:-200px;right:-100px;animation:floatOrb 20s ease-in-out infinite}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(-40px,30px)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-theme-btn{position:fixed;top:24px;right:24px;z-index:10;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)}.login-wrap{width:100%;max-width:460px;position:relative;z-index:1;animation:loginCardIn .55s var(--ease-smooth) both}.login-brand{text-align:center;margin-bottom:32px}.login-logo{width:72px;height:72px;border-radius:20px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:var(--shadow-glow)}.login-title{font-family:var(--font-display);font-size:2rem;font-weight:var(--font-weight-heading);letter-spacing:var(--letter-tight);margin-bottom:6px}.login-subtitle{color:var(--text-secondary);font-size:.9rem}.login-card{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff80 inset!important;border:1px solid var(--border-color)!important;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .login-card{box-shadow:var(--shadow-xl)!important}.login-card .card-header{background:linear-gradient(180deg,var(--bg-surface-2) 0%,var(--bg-surface) 100%);padding:26px 28px 22px;border-bottom:1px solid var(--border-color)}.login-card .card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:var(--font-weight-heading);letter-spacing:var(--letter-tight);margin:0}.login-card-subtitle{margin:6px 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.45}.login-card .card-body{padding:26px 28px 28px}.login-form .form-group{gap:6px}.login-input{padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-surface-2);border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--border-color)}.login-input:hover{background:var(--bg-surface);box-shadow:inset 0 0 0 1.5px var(--border-strong)}.login-input:focus{background:var(--bg-surface);box-shadow:inset 0 0 0 1.5px var(--brand-primary),0 0 0 4px #3b82f61f}.login-submit{border-radius:var(--radius-full)!important;justify-content:center;font-weight:600;letter-spacing:.01em;padding:14px 24px!important;margin-top:4px}.login-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:12px 16px;color:var(--brand-danger);font-size:.875rem;margin-bottom:18px;font-weight:500}.login-divider{display:flex;align-items:center;gap:12px;margin:0 0 18px}.login-divider span{font-size:.72rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.demo-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.demo-chip{font-size:.78rem!important;padding:10px 12px!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.demo-chip:hover{border-color:var(--brand-primary)!important;color:var(--brand-primary)!important;background:#2563eb0f!important;transform:translateY(-1px)}.login-footer{text-align:center;margin-top:24px;color:var(--text-muted);font-size:.78rem}.brand-logo{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo__icon{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;box-shadow:0 4px 14px #2563eb59;flex-shrink:0}.brand-logo__icon--solo{width:40px;height:40px;min-width:40px}.brand-logo--sidebar .brand-logo__name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--sidebar-text-active);line-height:1.15;letter-spacing:var(--letter-tight)}.brand-logo--sidebar .brand-logo__tag{display:block;font-family:var(--font-body);font-size:.68rem;font-weight:600;color:var(--sidebar-text);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.brand-logo__text{min-width:0;overflow:hidden}.brand-logo--login{flex-direction:column;text-align:center;gap:0}.brand-logo--login .login-logo{margin:0 auto 18px}.brand-logo--login .login-title{margin-bottom:8px}.login-brand-logo{width:100%}.avatar{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 3px #2563eb33}.empty-state-icon{background:linear-gradient(135deg,var(--bg-surface-3),var(--bg-surface-2));border:1px dashed var(--border-strong)}.notif-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--brand-danger);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface);line-height:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease infinite}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-surface-3) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.w-full{width:100%}.text-sm{font-size:.875rem}.text-xs{font-size:.78rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:10px 16px;background:var(--brand-primary);color:#fff;font-weight:600;border-radius:var(--radius-md);text-decoration:none}.skip-link:focus{left:12px;top:12px}.global-search{position:relative;flex:1;max-width:380px;min-width:180px;display:block}.global-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.global-search-input{width:100%;height:40px;padding:0 64px 0 40px!important;font-size:.875rem;line-height:1.25;border-radius:var(--radius-full)!important;background:var(--bg-surface-2);border:1px solid var(--border-color)!important}.global-search-input:focus{background:var(--bg-surface)}.search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.65rem;font-weight:600;padding:3px 7px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-family:inherit;pointer-events:none;line-height:1.2}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:20px;font-size:.8125rem;padding:10px 16px;width:fit-content;max-width:100%;box-sizing:border-box;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-stack{display:flex;flex-direction:column;gap:24px;width:100%}.page-stack>.page-header{margin-bottom:0}.payroll-layout{display:flex;flex-direction:column;gap:24px;width:100%}.payroll-structure-grid{margin-bottom:0}.payroll-summary-rows{display:grid;gap:10px}.payroll-summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem}.payroll-summary-row--total{font-weight:800;font-size:.95rem}.payroll-detail-body{font-size:.85rem;display:grid;gap:6px}.text-success{color:var(--brand-success)}.text-danger{color:var(--brand-danger)}.card>.empty-state{padding:40px 28px;min-height:200px}.card>.empty-state .empty-state-text{max-width:360px}.breadcrumb-home{display:flex;align-items:center;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm)}.breadcrumb-home:hover{color:var(--brand-primary)}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-sep{color:var(--text-muted);opacity:.6}.breadcrumb-current{color:var(--text-primary);font-weight:600}.breadcrumbs a{color:var(--text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--brand-primary)}.welcome-banner{display:flex;align-items:flex-start;gap:16px;padding:18px 22px;margin-bottom:26px;background:linear-gradient(135deg,#3b82f61a,#6366f112,#06b6d40d);border:1px solid rgba(59,130,246,.22);border-radius:var(--radius-xl);position:relative;box-shadow:var(--shadow-sm)}.welcome-banner-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow)}.welcome-banner-title{font-weight:700;margin-bottom:4px}.welcome-banner-text{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.welcome-banner-close{position:absolute;top:10px;right:10px}.quick-actions-block{margin-bottom:28px}.quick-actions-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.quick-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);text-align:left;font-family:inherit;color:inherit;box-shadow:var(--shadow-sm)}.quick-action-card:hover{border-color:#3b82f659;box-shadow:var(--shadow-md);transform:translateY(-3px)}.quick-action-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.quick-action-label{font-size:.875rem;font-weight:600}.back-button{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:6px 0;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit}.back-button:hover{color:var(--brand-primary)}.form-hint{font-size:.78rem;color:var(--text-muted);margin:8px 0 0}.search-page-form{margin-bottom:24px;max-width:560px}.search-page-bar{max-width:none}.search-page-bar .btn{flex-shrink:0;margin-left:8px}.search-section{margin-bottom:24px}.search-section-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;margin-bottom:10px}.search-result-row{display:flex;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;color:inherit;transition:background var(--transition-fast)}.search-result-row:hover{background:var(--bg-surface-2)}.search-result-main{flex:1;min-width:0}.search-result-title{font-weight:600;font-size:.9rem}.search-result-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.dropdown-user-header{padding:12px 16px 10px;border-bottom:1px solid var(--border-color)}.dropdown-user-name{font-weight:600;font-size:.875rem}.dropdown-user-email{font-size:.78rem;color:var(--text-muted)}.dropdown-user-role{font-size:.72rem;color:var(--brand-primary);margin-top:4px;font-weight:600}.topbar-user-name{font-size:.875rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.topbar-user-name,.search-kbd{display:none}.global-search{max-width:100%}}.attendance-snippet{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.empty-inline{padding:20px;color:var(--text-muted);margin:0;text-align:center}.btn,.quick-action-card,.search-result-row,.nav a{min-height:44px}.btn-icon{min-height:40px;min-width:40px}.detail-page{max-width:1280px;animation:fadeIn .35s ease}.detail-hero{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:20px 24px 24px;margin-bottom:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand)}.detail-hero--warning:before{background:linear-gradient(90deg,var(--brand-warning),var(--brand-danger))}.detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-hero-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.detail-hero-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-tight);line-height:1.3;color:var(--text-primary);margin:0 0 8px}.detail-hero-subtitle{margin:0 0 12px;font-size:.9rem;color:var(--text-secondary)}.detail-hero-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.detail-layout--reverse{grid-template-columns:300px minmax(0,1fr)}.detail-main,.detail-sidebar{display:flex;flex-direction:column;gap:18px}.detail-section{overflow:hidden}.detail-section-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-surface-2)}.detail-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:#2563eb1a;color:var(--brand-primary)}.detail-section-title{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.detail-section-body{padding:20px}.detail-section-body p{margin:0;line-height:1.75;color:var(--text-secondary);font-size:.925rem}.detail-section-body p+p,.detail-section-body .detail-block-label+p{margin-top:14px}.detail-block-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:18px 0 8px}.detail-block-label:first-child{margin-top:0}.detail-meta-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.detail-meta-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.detail-meta-item:hover{background:var(--bg-surface-2)}.detail-meta-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--brand-primary)}.detail-meta-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:2px}.detail-meta-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.detail-meta-value.is-danger{color:var(--brand-danger)}.detail-meta-value.is-highlight{color:var(--brand-primary)}.detail-progress-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.detail-progress-label{font-size:.875rem;color:var(--text-muted)}.detail-progress-value{font-size:.875rem;color:var(--text-secondary)}.detail-progress-value strong{color:var(--text-primary)}.detail-progress-pct{margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--bg-surface-2);font-size:.75rem;font-weight:700;color:var(--brand-primary)}.detail-progress-track{height:10px;background:var(--bg-surface-2);border-radius:999px;overflow:hidden}.detail-progress-track--sm{height:6px;flex:1}.detail-progress-fill{height:100%;border-radius:999px;transition:width .5s ease}.detail-progress-fill--good{background:linear-gradient(90deg,var(--brand-primary),#60a5fa)}.detail-progress-fill--warn{background:linear-gradient(90deg,var(--brand-warning),#fbbf24)}.detail-progress-fill--complete{background:linear-gradient(90deg,var(--brand-success),#34d399)}.detail-timeline{list-style:none;margin:0;padding:0 0 0 8px}.detail-timeline-item{position:relative;padding:0 0 20px 28px}.detail-timeline-item:last-child{padding-bottom:0}.detail-timeline-item:before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:var(--border-color)}.detail-timeline-item:last-child:before{display:none}.detail-timeline-dot{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-surface);background:var(--brand-primary);box-shadow:0 0 0 2px #2563eb33}.detail-timeline-item--success .detail-timeline-dot{background:var(--brand-success);box-shadow:0 0 0 2px #10b98140}.detail-timeline-item--active .detail-timeline-dot{background:var(--brand-warning);box-shadow:0 0 0 2px #f59e0b40}.detail-timeline-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary)}.detail-timeline-time{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.detail-person-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--bg-surface-2);border:1px solid transparent;text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.detail-person-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.detail-person-name{display:block;font-weight:600;font-size:.95rem}.detail-person-role{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px;text-transform:capitalize}.detail-person-chevron{margin-left:auto;color:var(--text-muted);flex-shrink:0}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:999px;background:#2563eb1a;color:var(--brand-primary);border:1px solid rgba(37,99,235,.15)}.detail-quick-actions{display:flex;flex-direction:column;gap:8px}.detail-quick-actions .btn{justify-content:flex-start;text-transform:capitalize}.detail-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-stat-mini{text-align:center;padding:18px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface)}.detail-stat-mini--success{background:#10b9810f;border-color:#10b98133}.detail-stat-mini--primary{background:#2563eb0f;border-color:#2563eb26}.detail-stat-mini--danger{background:#ef44440f;border-color:#ef444433}.detail-stat-mini-icon{display:flex;justify-content:center;margin-bottom:8px}.detail-stat-mini-value{display:block;font-size:1.75rem;font-weight:700;line-height:1;color:var(--text-primary)}.detail-stat-mini-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:6px}.detail-list{display:flex;flex-direction:column;gap:10px}.detail-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),transform var(--transition-fast)}.detail-list-item:hover{border-color:var(--brand-primary);transform:translate(2px)}.detail-list-title{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}.detail-list-meta{display:block;font-size:.8rem;color:var(--text-muted)}.detail-list-badges{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.detail-list-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.detail-list-progress-label{font-size:.72rem;font-weight:600;color:var(--text-muted);flex-shrink:0}.detail-profile-card{overflow:hidden;padding:0!important}.detail-profile-cover{height:72px;background:var(--gradient-brand)}.detail-profile-card--brand .detail-profile-cover{background:var(--gradient-brand)}.detail-profile-body{padding:0 20px 20px;text-align:center;margin-top:-36px}.detail-profile-avatar .avatar{margin:0 auto;border:3px solid var(--bg-surface);box-shadow:var(--shadow-md)}.detail-profile-name{margin:12px 0 8px;font-size:1.2rem;font-weight:700}.detail-profile-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.detail-profile-divider{border:none;border-top:1px solid var(--border-color);margin:16px 0}.detail-profile-block{text-align:left}.detail-info-row{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-secondary);padding:6px 0}.detail-info-icon{color:var(--text-muted);flex-shrink:0}.detail-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem}.detail-rating strong{font-size:1.1rem}.detail-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.detail-section-toolbar .detail-section-title{margin:0}.detail-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}@media (max-width: 1024px){.detail-layout,.detail-layout--reverse,.detail-stat-strip{grid-template-columns:1fr}}@media (max-width: 640px){.detail-hero-top{flex-direction:column;align-items:flex-start}.detail-hero-actions{width:100%}.detail-hero-actions .btn{flex:1;min-width:0}}.login-demo{margin-top:26px}.login-demo-title{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;text-align:center}.login-demo-hint{font-size:.78rem;color:var(--text-muted);margin:0 0 14px;text-align:center;line-height:1.45}.login-demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.login-demo-chip{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-surface-2);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);text-align:left}.login-demo-chip:hover:not(:disabled){border-color:#3b82f673;background:#3b82f60f;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.login-demo-chip.is-selected{border-color:var(--brand-primary);background:#3b82f61a;box-shadow:0 0 0 3px #3b82f624}.login-demo-chip:disabled{opacity:.55;cursor:not-allowed}.login-demo-avatar{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-on-brand);background:var(--gradient-brand);box-shadow:0 2px 8px #3b82f647}.login-demo-chip-text{display:flex;flex-direction:column;gap:1px;min-width:0}.login-demo-chip-name{font-size:.8125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.login-demo-chip-role{font-size:.68rem;color:var(--text-secondary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-dropdown-wrap{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 24px));background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden}.notif-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color)}.notif-dropdown-title{font-weight:700;font-size:.875rem}.notif-dropdown-body{max-height:320px;overflow-y:auto}.notif-dropdown-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;border:none;background:transparent;text-align:left;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.notif-dropdown-item:hover{background:var(--bg-hover)}.notif-dropdown-item.is-unread{background:#0057ff0a}.notif-dropdown-icon{flex-shrink:0;margin-top:2px}.notif-dropdown-text{flex:1;min-width:0}.notif-dropdown-item-title{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary)}.notif-dropdown-item-msg{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.notif-dropdown-item-time{display:block;font-size:.68rem;color:var(--text-muted);margin-top:4px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);flex-shrink:0;margin-top:6px}.notif-dropdown-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.85rem;margin:0}.notif-dropdown-footer{width:100%;padding:12px;border:none;border-top:1px solid var(--border-color);background:var(--bg-elevated);color:var(--brand-primary);font-weight:600;font-size:.8rem;cursor:pointer}.notif-dropdown-footer:hover{background:var(--bg-hover)}.shortcuts-modal .shortcuts-list{list-style:none;margin:0;padding:0}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-color)}.shortcuts-row:last-child{border-bottom:none}.shortcuts-keys kbd{display:inline-block;padding:3px 8px;font-size:.75rem;font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--border-color)}.shortcuts-plus{margin:0 4px;color:var(--text-muted);font-size:.75rem}.shortcuts-action{font-size:.85rem;color:var(--text-secondary)}.shortcuts-hint{margin:16px 0 0;font-size:.75rem;color:var(--text-muted);text-align:center}.not-found-code{font-size:4rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--brand-primary),var(--brand-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.not-found-card{max-width:560px}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.error-boundary-card{max-width:440px;text-align:center;padding:40px 32px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.error-boundary-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#ff47571a;color:var(--brand-danger);display:flex;align-items:center;justify-content:center}.error-boundary-card h1{font-size:1.25rem;margin:0 0 8px}.error-boundary-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 20px}.error-boundary-detail{text-align:left;font-size:.75rem;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md);overflow:auto;margin-bottom:16px}.error-boundary-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:var(--brand-warning);color:#1a1200;font-size:.8rem;font-weight:600;box-shadow:var(--shadow-md)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.page-toolbar .form-control{min-width:200px;flex:1;max-width:320px}.table-footer{padding:12px 24px;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-muted)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.btn-danger-ghost{color:var(--brand-danger)!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}@media (max-width: 560px){.form-row{grid-template-columns:1fr}}.skills-input-row{display:flex;gap:10px;margin-bottom:10px}.skills-input-row .form-control{flex:1}.chip-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);line-height:1;padding:0;margin-left:4px}.chip-remove:hover{color:var(--brand-danger)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chart-tooltip{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-md);font-size:.8rem}.chart-tooltip-label{font-weight:700;margin-bottom:6px;color:var(--text-primary)}.chart-tooltip-row{color:var(--text-secondary)}.chart-tooltip-row strong{color:var(--text-primary)}.icon-badge{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-badge--sm{width:36px;height:36px}.report-card-inner{display:flex;align-items:flex-start;gap:16px}.report-card-body{flex:1;min-width:0}.report-card-title{font-weight:700;margin-bottom:6px;font-size:.95rem}.report-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.55;margin:0}.report-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.settings-panel{max-width:680px;display:flex;flex-direction:column;gap:22px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;gap:16px;border-bottom:1px solid var(--border-color)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-weight:600;font-size:.875rem}.settings-row-desc{font-size:.78rem;color:var(--text-muted);margin-top:2px}.settings-version{text-align:center;padding:22px}.activity-row{display:flex;gap:16px;padding:14px 22px;align-items:center;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.activity-row:last-child{border-bottom:none}.activity-row:hover{background:var(--bg-surface-2)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center}.activity-icon--task{background:#2563eb1a;color:var(--brand-primary)}.activity-icon--employee{background:#6366f11a;color:var(--brand-info)}.activity-icon--attendance{background:#10b9811a;color:var(--brand-success)}.activity-icon--leave{background:#f59e0b1a;color:var(--brand-warning)}.activity-icon--expense{background:#06b6d41f;color:var(--brand-secondary)}.activity-icon--payroll{background:#8b5cf61f;color:#8b5cf6}.activity-body{flex:1;min-width:0}.activity-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.dept-card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.dept-card-title{font-weight:700;font-size:1rem}.dept-card-meta{font-size:.78rem;color:var(--text-muted)}.dept-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.dept-stat-cell{background:var(--bg-surface-2);border-radius:var(--radius-md);padding:10px 14px}.dept-stat-value{font-size:1.15rem;font-weight:800}.dept-stat-label{font-size:.72rem;color:var(--text-muted)}.dept-member-list{display:flex;flex-wrap:wrap;gap:8px}.dept-member-chip{display:flex;align-items:center;gap:6px;background:var(--bg-surface-2);border-radius:var(--radius-full);padding:5px 12px;font-size:.78rem}.dept-member-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-success)}.dept-member-dot--muted{background:var(--text-muted)}.leaderboard-row{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--bg-surface-2)}.leaderboard-rank{width:28px;text-align:center;color:var(--text-muted);font-weight:700;font-size:.875rem}.leaderboard-rank--1{color:var(--brand-warning)}.leaderboard-rank--2{color:var(--text-muted)}.leaderboard-rank--3{color:#cd7f32}.leaderboard-info{flex:1;overflow:hidden;min-width:0}.leaderboard-name{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-meta{font-size:.78rem;color:var(--text-muted)}.leaderboard-score{display:flex;align-items:center;gap:4px;font-weight:700;font-size:.875rem}.leaderboard-score .star{color:var(--brand-warning);font-size:.8rem}.card-body--flush{padding:0}.card-body--compact{padding:18px 22px}.activity-row--compact{padding:12px 20px;gap:12px}.activity-row--compact .activity-icon{width:32px;height:32px;border-radius:var(--radius-full)}.activity-title{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-detail{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.chart-legend-label{color:var(--text-secondary);font-size:12px}.chart-card .card-header--compact{padding:14px 18px 10px}.card-body--chart{padding:8px 16px 14px}.donut-chart{display:flex;flex-direction:column;gap:10px}.donut-chart-plot{position:relative;height:168px}.donut-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;line-height:1.15}.donut-center-value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:var(--letter-tight)}.donut-center-label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:2px}.donut-chart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.85rem}.donut-chart-empty-ring{width:100px;height:100px;border-radius:50%;border:10px solid var(--bg-surface-3)}.priority-legend{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0}.priority-legend-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}.priority-legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.priority-legend-name{font-size:.68rem;font-weight:600;color:var(--text-secondary);line-height:1.2}.priority-legend-count{font-size:.8rem;font-weight:700;color:var(--text-primary)}@media (max-width: 640px){.priority-legend{grid-template-columns:repeat(2,1fr)}}.page-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.page-fallback-text{color:var(--text-muted);margin:0;font-size:.9rem}.input-icon-wrap{position:relative}.input-icon-wrap .form-control{padding-right:44px}.input-toggle-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.confirm-dialog-body{text-align:center;padding:34px 30px 22px}.confirm-dialog-title{font-size:2rem;font-weight:800;letter-spacing:var(--letter-tight);margin-bottom:10px;color:var(--text-primary)}.confirm-dialog-message{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;max-width:44ch;margin:0 auto}.confirm-dialog{max-width:560px}.confirm-dialog-footer{justify-content:center;gap:14px;padding:18px 26px 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-2) 70%,transparent) 0%,var(--bg-surface-2) 100%)}.confirm-dialog-footer .btn{min-width:114px;border-radius:16px;font-weight:650}.confirm-dialog-cancel{box-shadow:none;border:1px solid var(--border-strong)}.confirm-dialog-action.btn-primary{box-shadow:0 2px 10px #3b82f661,inset 0 1px #ffffff24}.confirm-dialog-action.btn-danger{box-shadow:0 2px 12px color-mix(in srgb,var(--brand-danger) 36%,transparent)}.confirm-dialog-action.btn-warning{box-shadow:0 8px 18px color-mix(in srgb,var(--brand-warning) 34%,transparent)}.confirm-dialog-action.btn-success{box-shadow:0 2px 12px color-mix(in srgb,var(--brand-success) 34%,transparent)}@media (max-width: 640px){.confirm-dialog-title{font-size:1.55rem}.confirm-dialog-message{font-size:1.05rem}}.toolbar-card{margin-bottom:20px}.toolbar-card-body{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.toolbar-card-title{font-weight:700;margin-bottom:4px}.toolbar-card-meta{font-size:.85rem;color:var(--text-secondary)}.toolbar-card-meta--muted{color:var(--text-muted)}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.payroll-breakdown{display:grid;gap:10px}.payroll-line{display:flex;justify-content:space-between;font-size:.875rem}.payroll-line strong.positive{color:var(--brand-success)}.payroll-line strong.negative{color:var(--brand-danger)}.payroll-line--total{font-weight:800;padding-top:8px;border-top:1px solid var(--border-color);margin-top:4px}.payroll-detail-list{font-size:.85rem}.payroll-detail-line{display:flex;justify-content:space-between;margin-bottom:6px}.text-capitalize{text-transform:capitalize}.empty-state-action{margin-top:12px}.section-header-actions{flex-wrap:wrap}.btn:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.stat-card-pulse{animation:none}}@media (max-width: 900px){.page-body{padding-top:8px}.main-content{margin-left:0!important}.app-topbar{padding-left:52px}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}