@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";html,html[data-theme=light]{--bg-app: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 50%, #dbeafe 100%);--surface-base: rgba(255, 255, 255, .45);--surface-elevated: rgba(255, 255, 255, .65);--surface-glass-bg: rgba(255, 255, 255, .45);--border-subtle: rgba(255, 255, 255, .4);--border-strong: rgba(255, 255, 255, .8);--border-focus: rgba(99, 102, 241, .5);--text-title: #1e1b4b;--text-body: #312e81;--text-muted: #4f46e5;--brand-primary: #4f46e5;--brand-hover: #4338ca;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .08)}html[data-theme=dark]{--bg-app: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #020617 100%);--surface-base: rgba(15, 23, 42, .35);--surface-elevated: rgba(30, 41, 59, .55);--surface-glass-bg: rgba(15, 23, 42, .35);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--border-focus: rgba(99, 102, 241, .5);--text-title: #f8fafc;--text-body: #cbd5e1;--text-muted: #818cf8;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}html,body{background:var(--bg-app)!important;background-attachment:fixed!important;color:var(--text-body)!important}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;transition:color .3s ease;min-height:100vh}.chef-surface{background-color:var(--surface-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.chef-surface:hover{background-color:var(--surface-elevated);border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.chef-glass{background-color:var(--surface-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-strong);transition:all .3s ease}.text-title{color:var(--text-title);transition:color .3s ease}.text-body{color:var(--text-body);transition:color .3s ease}.text-muted{color:var(--text-muted);transition:color .3s ease}.text-brand{color:var(--brand-primary);transition:color .3s ease}.text-success{color:var(--accent-success);transition:color .3s ease}.text-warning{color:var(--accent-warning);transition:color .3s ease}.text-danger{color:var(--accent-danger);transition:color .3s ease}.bg-app{background-color:var(--bg-app);transition:background-color .3s ease}.bg-surface{background-color:var(--surface-base);transition:background-color .3s ease}.bg-surface-elevated,.hover-surface-elevated:hover{background-color:var(--surface-elevated);transition:background-color .3s ease}.border-subtle{border-color:var(--border-subtle);transition:border-color .3s ease}.border-strong{border-color:var(--border-strong);transition:border-color .3s ease}.btn-primary{background-color:var(--brand-primary);color:#fff;transition:all .2s ease}.btn-primary:hover{background-color:var(--brand-hover)}.data-mono{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:-.02em}.title-display{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.03em;color:var(--text-title);transition:color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#4b5563;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media print{body *{visibility:hidden}.printable-area,.printable-area *,.payslip-printable-area,.payslip-printable-area *{visibility:visible}.printable-area,.payslip-printable-area{position:absolute;left:0;top:0;width:100%;margin:0;padding:1rem;background-color:#fff!important}.no-print,.no-print *{display:none!important}.printable-area *,.payslip-printable-area *{color:#000!important;background-color:transparent!important;border-color:#ccc!important;box-shadow:none!important}.printable-area table,.payslip-printable-area table{width:100%;border-collapse:collapse}.printable-area th,.printable-area td,.payslip-printable-area th,.payslip-printable-area td{border:1px solid #ccc!important;padding:6px}.printable-area thead,.payslip-printable-area thead{background-color:#f2f2f2!important}.payslip-container{display:flex;flex-direction:column;gap:2rem;page-break-inside:avoid}}.animated-gradient-background{background:linear-gradient(-45deg,#1e40af,#111827,#374151,#1e40af);background-size:400% 400%;animation:gradient 20s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cdk-drag-preview{box-sizing:border-box;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;opacity:.8;z-index:1001}.cdk-drag-placeholder{opacity:.4;background:#111827;border:2px dashed #34d399;border-radius:.5rem;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-dragging{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.03)}