@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&family=Carter+One&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@300;400;500;600&display=swap";.account-link[data-v-d84ce24f]{position:fixed;top:.75rem;right:1rem;z-index:50;font-size:.85rem;color:#2563eb;text-decoration:none;background:#ffffffd9;padding:.35rem .6rem;border-radius:999px}:root{color-scheme:light dark;--paper: #f5f1e8;--paper-deep: #ece5d4;--paper-shadow: #e0d8c4;--ink: #0e0e0c;--ink-soft: #3a3631;--ink-faint: #6e675e;--rule: #8a8278;--rule-soft: #c4baad;--rule-faint: #d8d0c0;--accent: #b86840;--accent-deep: #8e4d2a;--accent-tint: rgba(212, 84, 31, .08);--accent-ink: #ffffff;--scrim: rgba(14, 14, 12, .5);--ok: #4b6b35;--warn: #a4882e;--alert: #a83a2a;--info: #2a4d6e;--success-tint: rgba(75, 107, 53, .1);--warning-tint: rgba(164, 136, 46, .12);--danger-tint: rgba(168, 58, 42, .1);--info-tint: rgba(42, 77, 110, .1);--primary-tint: rgba(184, 104, 64, .1);--role-mgr: #2d5a4f;--role-baker: #a4882e;--role-cashier: #6e8651;--role-supv: #4c6f8e;--role-kitchen: #7a5872;--role-1-bg: #1e3a5f;--role-1-border: #3b82f6;--role-1-text: #dbeafe;--role-2-bg: #4c1d5f;--role-2-border: #a855f7;--role-2-text: #e9d5ff;--role-3-bg: #1f4a3d;--role-3-border: #10b981;--role-3-text: #d1fae5;--role-4-bg: #5c3a1f;--role-4-border: #f59e0b;--role-4-text: #fef3c7;--role-5-bg: #5c1f3a;--role-5-border: #ec4899;--role-5-text: #fce7f3;--role-6-bg: #1f4a4a;--role-6-border: #14b8a6;--role-6-text: #ccfbf1;--display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;--body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", "Menlo", monospace;--script: "Carter One", "Cooper Black", cursive;--u: 4px;--sidebar-w: 232px;--header-h: 64px;--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s;--background: var(--paper);--foreground: var(--ink);--heading: var(--ink);--text: var(--ink-soft);--text-light: var(--ink-faint);--border: var(--rule-soft);--card: var(--paper);--card-bg: var(--paper);--section-bg: var(--paper-deep);--input-bg: var(--paper);--primary: var(--accent);--primary-hover: var(--accent-deep);--success: var(--ok);--success-hover: #5a7d3f;--warning: var(--warn);--warning-hover: #b8992f;--danger: var(--alert);--danger-hover: #c14a37;--info-hover: #355f8b;--shadow-sm: 0 1px 2px 0 rgb(14 14 12 / .06);--shadow-md: 0 2px 4px -1px rgb(14 14 12 / .08), 0 1px 2px -1px rgb(14 14 12 / .06);--shadow-lg: 0 8px 20px -6px rgb(14 14 12 / .12), 0 4px 8px -4px rgb(14 14 12 / .08);--radius: 2px;--radius-sm: 2px;--radius-lg: 4px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: oklch(.185 .034 262);--paper-deep: oklch(.235 .038 262);--paper-shadow: oklch(.295 .04 262);--ink: oklch(.955 .016 262);--ink-soft: oklch(.855 .026 262);--ink-faint: oklch(.675 .034 262);--rule: oklch(.48 .038 262);--rule-soft: oklch(.335 .036 262);--rule-faint: oklch(.275 .034 262);--accent: #c87355;--accent-deep: #a85f3e;--accent-tint: rgba(231, 100, 53, .14);--accent-ink: oklch(.185 .034 262);--scrim: rgba(4, 8, 16, .66);--ok: #7fa05c;--warn: #d4a02b;--alert: #c14a37;--info: oklch(.7 .15 256);--success-tint: rgba(127, 160, 92, .14);--warning-tint: rgba(212, 160, 43, .14);--danger-tint: rgba(193, 74, 55, .14);--info-tint: rgba(91, 155, 242, .16);--primary-tint: rgba(200, 115, 85, .14);--role-mgr: #5a8a7c;--role-baker: #c4a342;--role-cashier: #8aa86a;--role-supv: #6d92b5;--role-kitchen: #9c7a93}}:root[data-theme=dark]{--paper: oklch(.185 .034 262);--paper-deep: oklch(.235 .038 262);--paper-shadow: oklch(.295 .04 262);--ink: oklch(.955 .016 262);--ink-soft: oklch(.855 .026 262);--ink-faint: oklch(.675 .034 262);--rule: oklch(.48 .038 262);--rule-soft: oklch(.335 .036 262);--rule-faint: oklch(.275 .034 262);--accent: #c87355;--accent-deep: #a85f3e;--accent-tint: rgba(231, 100, 53, .14);--accent-ink: oklch(.185 .034 262);--scrim: rgba(4, 8, 16, .66);--ok: #7fa05c;--warn: #d4a02b;--alert: #c14a37;--info: oklch(.7 .15 256);--success-tint: rgba(127, 160, 92, .14);--warning-tint: rgba(212, 160, 43, .14);--danger-tint: rgba(193, 74, 55, .14);--info-tint: rgba(91, 155, 242, .16);--primary-tint: rgba(200, 115, 85, .14);--role-mgr: #5a8a7c;--role-baker: #c4a342;--role-cashier: #8aa86a;--role-supv: #6d92b5;--role-kitchen: #9c7a93}*{margin:0;padding:0;box-sizing:border-box}::-webkit-calendar-picker-indicator{width:18px;height:18px;cursor:pointer;opacity:1;filter:brightness(.35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) ::-webkit-calendar-picker-indicator{filter:invert(.9)}}:root[data-theme=dark] ::-webkit-calendar-picker-indicator{filter:invert(.9)}html,body{font-family:var(--body);font-size:16px;line-height:1.5;color:var(--ink-soft);background-color:var(--paper);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" on,"ss03" on;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.05  0 0 0 0 0.05  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.6;mix-blend-mode:multiply}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{mix-blend-mode:lighten;opacity:.15}}:root[data-theme=dark] body:before{mix-blend-mode:lighten;opacity:.15}#app{min-height:100vh;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--ink);font-weight:700;line-height:1.15;letter-spacing:-.01em}h1{font-size:30px}h2{font-size:25px}h3{font-size:22px}h4{font-size:17px}h5{font-size:16px}h6{font-size:15px}.font-wordmark,.navbar-brand h1{font-family:var(--display);font-weight:700;letter-spacing:-.025em}.container{max-width:1320px;margin:0 auto;padding:0 24px}@media(min-width:1600px){.container{max-width:1520px}}@media(min-width:1920px){.container{max-width:1760px}}.btn{min-height:32px;padding:8px 14px;background:none;border:1px solid var(--ink);border-radius:var(--radius);font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}.btn:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.btn-primary{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background-color:var(--accent-deep);border-color:var(--accent-deep);color:var(--accent-ink)}.btn-secondary{background-color:transparent;color:var(--ink-soft);border-color:var(--rule)}.btn-secondary:hover:not(:disabled){background-color:var(--paper-deep);color:var(--ink);border-color:var(--ink)}.btn-success{background-color:var(--ok);border-color:var(--ok);color:var(--accent-ink)}.btn-success:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover)}.btn-danger{background-color:var(--alert);border-color:var(--alert);color:var(--accent-ink)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover)}.btn-warning{background-color:var(--warn);border-color:var(--warn);color:var(--ink)}.btn-warning:hover:not(:disabled){background-color:var(--warning-hover);color:var(--accent-ink);border-color:var(--warning-hover)}.btn-outline{background-color:transparent;border:1px solid var(--rule);color:var(--ink-soft)}.btn-outline:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background-color:var(--paper-deep)}.btn-sm{min-height:28px;padding:6px 10px;font-size:15px}.filter-group select,.filters select,.history-filters select,.filters-row select,.filter-section select,.cost-filters select,.filter-select{padding:6px 12px;background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:16px;font-family:inherit;cursor:pointer}.filter-group select:hover,.filters select:hover,.history-filters select:hover,.filters-row select:hover,.filter-section select:hover,.cost-filters select:hover,.filter-select:hover{border-color:var(--accent)}.filter-group select:focus-visible,.filters select:focus-visible,.history-filters select:focus-visible,.filters-row select:focus-visible,.filter-section select:focus-visible,.cost-filters select:focus-visible,.filter-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.card{background:var(--paper);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--rule-soft);transition:box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--ink)}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-family:var(--mono);font-weight:500;color:var(--ink-soft);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:36px;padding:9px 12px;border:1px solid var(--rule-soft);border-radius:var(--radius);font-family:var(--body);font-size:16px;color:var(--ink);background-color:var(--paper);transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.form-group input::placeholder{color:var(--ink-faint)}.form-help{display:block;margin-top:4px;font-size:15px;color:var(--ink-faint);line-height:1.4}.error{color:var(--alert);font-size:16px;margin-top:4px;display:flex;align-items:center;gap:4px}.loading{text-align:center;padding:40px;color:var(--ink-faint);font-family:var(--mono);font-size:15px;letter-spacing:.05em;text-transform:uppercase}.table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:0;overflow:hidden;border:1px solid var(--ink)}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--rule-faint)}.table th{background-color:var(--paper-deep);font-family:var(--mono);font-weight:600;color:var(--ink-soft);font-size:15px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink)}.table tbody tr:hover{background-color:var(--paper-deep)}.table tbody tr:last-child td{border-bottom:none}.table td{font-family:var(--body);color:var(--ink);font-size:16px;font-feature-settings:"tnum" on,"lnum" on}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:2px;border:1px solid currentColor;font-family:var(--mono);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;background:transparent;font-feature-settings:"tnum" on,"lnum" on}.badge-draft{color:var(--warn)}.badge-published{color:var(--ok)}.badge-pending{color:var(--info)}.badge-approved{color:var(--ok)}.badge-denied{color:var(--alert)}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:18px;border:1px solid currentColor;background:transparent;font-family:var(--body);font-size:16px;display:flex;align-items:flex-start;gap:10px}.alert-info{color:var(--info);background-color:var(--info-tint)}.alert-success{color:var(--ok);background-color:var(--success-tint)}.alert-warning{color:var(--warn);background-color:var(--warning-tint)}.alert-danger{color:var(--alert);background-color:var(--danger-tint)}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--accent-deep)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--rule)}::selection{background-color:var(--accent);color:var(--accent-ink)}.num,.data-num,.stat-value,.table{font-feature-settings:"tnum" on,"lnum" on}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.container{padding:0 14px}h1{font-size:25px}h2{font-size:22px}h3{font-size:17px}h4{font-size:15px}.header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.header h1{margin-bottom:0}.header-actions,.header-actions>*,.quick-actions{flex-wrap:wrap;width:100%}.quick-actions .btn{flex:1 1 auto;justify-content:center}.form-row{grid-template-columns:1fr;display:grid}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:40px;font-size:18px}.button-group{flex-direction:column-reverse;gap:8px;align-items:stretch}.button-group .btn{width:100%;justify-content:center;min-height:44px}.filters{flex-direction:column;align-items:stretch;gap:10px}.filter-group,.filter-group label,.filter-group select,.filter-group input{width:100%}.stats-grid,.summary-cards,.tables-grid,.charts-grid{grid-template-columns:1fr!important;gap:14px}.card,.shifts-table-container,.table-container,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:560px}.table th,.table td{padding:8px 10px;font-size:16px}.modal-overlay{padding:0;align-items:flex-end}.modal-content,.modal{width:100%;max-width:100%;margin:0;max-height:92vh;padding:16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-content .button-group,.modal .button-group{position:sticky;bottom:0;background:var(--card-bg);padding-top:12px;margin-top:14px;border-top:1px solid var(--rule-soft)}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab{flex:0 0 auto;white-space:nowrap}.btn{min-height:40px}.btn-icon{min-width:40px;min-height:40px}.btn-sm{min-height:36px}}@media(max-width:479px){.container{padding:0 10px}h1{font-size:26px}.table th,.table td{padding:6px 8px;font-size:15px}}
