@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, #fafafa 0%, #f4f4f5 100%);--surface-base: rgba(255, 255, 255, .95);--surface-elevated: rgba(255, 255, 255, 1);--surface-glass-bg: rgba(255, 255, 255, .85);--border-subtle: rgba(24, 24, 27, .1);--border-strong: rgba(24, 24, 27, .2);--border-focus: rgba(234, 88, 12, .4);--text-title: #09090b;--text-body: #27272a;--text-muted: #52525b;--brand-primary: #ea580c;--brand-hover: #c2410c;--accent-success: #16a34a;--accent-warning: #d97706;--accent-danger: #dc2626;--accent-info: #0284c7;--accent-purple: #7c3aed;--glass-shadow: 0 10px 40px -10px rgba(0, 0, 0, .08)}html[data-theme=dark]{--bg-app: linear-gradient(135deg, #18181b 0%, #09090b 100%);--surface-base: rgba(39, 39, 42, .6);--surface-elevated: rgba(63, 63, 70, .6);--surface-glass-bg: rgba(24, 24, 27, .7);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--border-focus: rgba(249, 115, 22, .5);--text-title: #ffffff;--text-body: #e4e4e7;--text-muted: #a1a1aa;--brand-primary: #f97316;--brand-hover: #ea580c;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #38bdf8;--accent-purple: #a78bfa;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5)}html[data-palette=napoli]{--brand-primary: #e11d48;--brand-hover: #be123c;--border-focus: rgba(225, 29, 72, .4)}html[data-theme=dark][data-palette=napoli]{--brand-primary: #fb7185;--brand-hover: #e11d48;--border-focus: rgba(251, 113, 133, .5)}html[data-palette=kyoto]{--brand-primary: #16a34a;--brand-hover: #15803d;--border-focus: rgba(22, 163, 74, .4)}html[data-theme=dark][data-palette=kyoto]{--brand-primary: #4ade80;--brand-hover: #16a34a;--border-focus: rgba(74, 222, 128, .5)}html[data-palette=oaxaca]{--brand-primary: #d97706;--brand-hover: #b45309;--border-focus: rgba(217, 119, 6, .4)}html[data-theme=dark][data-palette=oaxaca]{--brand-primary: #fbbf24;--brand-hover: #d97706;--border-focus: rgba(251, 191, 36, .5)}html[data-palette=lyon]{--brand-primary: #831843;--brand-hover: #4c0519;--border-focus: rgba(131, 24, 67, .4)}html[data-theme=dark][data-palette=lyon]{--brand-primary: #f472b6;--brand-hover: #db2777;--border-focus: rgba(244, 114, 182, .5)}html[data-palette=bangkok]{--brand-primary: #ca8a04;--brand-hover: #a16207;--border-focus: rgba(202, 138, 4, .4)}html[data-theme=dark][data-palette=bangkok]{--brand-primary: #fde047;--brand-hover: #eab308;--border-focus: rgba(253, 224, 71, .5)}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}.text-info{color:var(--accent-info);transition:color .3s ease}.text-purple{color:var(--accent-purple);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{background-color:var(--surface-elevated);transition:background-color .3s ease}.bg-brand{background-color:var(--brand-primary);transition:background-color .3s ease}.bg-success{background-color:var(--accent-success);transition:background-color .3s ease}.bg-warning{background-color:var(--accent-warning);transition:background-color .3s ease}.bg-danger{background-color:var(--accent-danger);transition:background-color .3s ease}.bg-info{background-color:var(--accent-info);transition:background-color .3s ease}.bg-purple{background-color:var(--accent-purple);transition:background-color .3s ease}.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{display:none!important}*,.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar::-webkit-scrollbar{display:none!important}@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)}