:root{--color-primary: #a2d3f7;--color-primary-variant: #7bb3e8;--color-primary-alt: #d1e9ff;--color-neutral-0: #ffffff;--color-neutral-1: #f5f8fa;--color-neutral-2: #8b9aaf;--color-neutral-3: #223b52;--color-success: #80b9a6;--color-success-hover: #6ba594;--color-warning: #dfb160;--color-warning-hover: #d4a554;--color-error: #dc9595;--color-error-hover: #d38484;--color-info: #91b2e9;--color-info-hover: #7fa1e0;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1-desktop: 32px;--font-size-h1-mobile: 28px;--font-size-h2-desktop: 26px;--font-size-h2-mobile: 24px;--font-size-h3-desktop: 22px;--font-size-h3-mobile: 20px;--font-size-body-desktop: 18px;--font-size-body-mobile: 16px;--font-size-caption: 14px;--font-size-time: 11px;--font-size-compact-name: 12px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-base: 8px;--spacing-xs: calc(var(--spacing-base) * .5);--spacing-sm: var(--spacing-base);--spacing-md: calc(var(--spacing-base) * 2);--spacing-lg: calc(var(--spacing-base) * 3);--spacing-xl: calc(var(--spacing-base) * 4);--icon-size-main: 24px;--icon-size-secondary: 18px;--icon-size-compact: 16px;--filter-input-height: 42px;--filter-input-padding: 10px 16px;--filter-input-border-radius: 8px;--avatar-size-compact: 24px;--shift-cell-width: 45px;--shift-cell-height: 32px;--month-view-row-height: 32px;--checkbox-size: 1.125rem;--spinner-size-sm: 1rem;--spinner-border-width: 2px;--shift-morning-icon: "wb_sunny";--shift-morning-color: var(--color-warning);--shift-afternoon-icon: "brightness_3";--shift-afternoon-color: var(--color-primary);--shift-night-icon: "nightlight";--shift-night-color: var(--color-neutral-3);--shift-oncall-icon: "phone_in_talk";--shift-oncall-color: var(--color-info);--shift-break-icon: "coffee";--shift-break-color: var(--color-neutral-2);--shift-training-icon: "school";--shift-training-color: var(--color-success);--shift-meeting-icon: "event";--shift-meeting-color: var(--color-primary-variant);--shift-emergency-icon: "local_hospital";--shift-emergency-color: var(--color-error);--diff-added-border-color: var(--color-success);--diff-added-bg-tint: rgba(128, 185, 166, .1);--diff-removed-border-color: var(--color-error);--diff-removed-bg-tint: rgba(220, 149, 149, .1);--diff-removed-opacity: .6;--diff-modified-border-color: var(--color-warning);--diff-modified-bg-tint: rgba(223, 177, 96, .1);--diff-unchanged-opacity: .9;--diff-border-width: 4px;--diff-badge-size: 12px;--max-shifts-per-cell: 4;--month-view-max-people: 70;--week-view-max-people: 40;--detail-view-max-people: 20;--transition-duration-fast: .15s;--transition-duration-normal: .3s;--transition-duration-slow: .5s;--transition-timing: ease-in-out;--animation-pulse-duration: 2s;--animation-spin-duration: .6s;--border-width-default: 1px;--border-width-thick: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--performance-frame-target-ms: 16;--performance-scroll-fps: 60;--opacity-disabled: .6;--opacity-hover: .8;--opacity-focus: .3;--button-primary-focus-shadow: 0 0 0 3px rgba(162, 211, 247, .3);--button-success-focus-shadow: 0 0 0 3px rgba(128, 185, 166, .3);--button-warning-focus-shadow: 0 0 0 3px rgba(223, 177, 96, .3);--button-error-focus-shadow: 0 0 0 3px rgba(220, 149, 149, .3);--button-info-focus-shadow: 0 0 0 3px rgba(145, 178, 233, .3);--z-index-sticky-header: 10;--z-index-floating-toolbar: 20;--z-index-modal: 100;--z-index-tooltip: 30}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.spacing-xs{gap:var(--spacing-xs)}.spacing-sm{gap:var(--spacing-sm)}.spacing-md{gap:var(--spacing-md)}.spacing-lg{gap:var(--spacing-lg)}.spacing-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.text-h1{font-size:var(--font-size-h1-desktop);font-family:var(--font-family-primary)}@media(max-width:768px){.text-h1{font-size:var(--font-size-h1-mobile)}}.text-h2{font-size:var(--font-size-h2-desktop);font-family:var(--font-family-primary)}@media(max-width:768px){.text-h2{font-size:var(--font-size-h2-mobile)}}.text-h3{font-size:var(--font-size-h3-desktop);font-family:var(--font-family-primary)}@media(max-width:768px){.text-h3{font-size:var(--font-size-h3-mobile)}}.text-body{font-size:var(--font-size-body-desktop);font-family:var(--font-family-primary)}@media(max-width:768px){.text-body{font-size:var(--font-size-body-mobile)}}.text-caption{font-size:var(--font-size-caption);font-family:var(--font-family-primary)}.text-primary{color:var(--color-primary)}.text-primary-variant{color:var(--color-primary-variant)}.text-primary-alt{color:var(--color-primary-alt)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-neutral-2)}.text-neutral-3{color:var(--color-neutral-3)}.bg-primary{background-color:var(--color-primary)}.bg-primary-variant{background-color:var(--color-primary-variant)}.bg-primary-alt{background-color:var(--color-primary-alt)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-neutral-1{background-color:var(--color-neutral-1)}.bg-neutral-3{background-color:var(--color-neutral-3)}:root,[data-theme=light]{--color-primary: #a2d3f7;--color-primary-variant: #7bb3e8;--color-primary-alt: #d1e9ff;--color-neutral-0: #ffffff;--color-neutral-1: #f5f8fa;--color-neutral-2: #8b9aaf;--color-neutral-3: #223b52;--text-color-primary: #223b52;--text-color-secondary: #8b9aaf;--text-color-tertiary: #c9d4e0;--text-color-inverted: #ffffff;--background-color-primary: #ffffff;--background-color-secondary: #f5f8fa;--background-color-tertiary: #eef2f7;--background-color-elevated: #ffffff;--surface-color-default: #ffffff;--surface-color-hover: #f5f8fa;--surface-color-active: #eef2f7;--surface-color-disabled: #f0f3f7;--border-color-default: #dce3eb;--border-color-light: #e8ecf1;--border-color-dark: #b8c5d4;--input-background: #ffffff;--input-border: #dce3eb;--input-border-hover: #b8c5d4;--input-border-focus: #7bb3e8;--input-text: #223b52;--input-placeholder: #8b9aaf;--color-success: #80b9a6;--color-success-light: rgba(128, 185, 166, .1);--color-warning: #dfb160;--color-warning-light: rgba(223, 177, 96, .1);--color-error: #dc9595;--color-error-light: rgba(220, 149, 149, .1);--color-info: #91b2e9;--color-info-light: rgba(145, 178, 233, .1);--shadow-color-primary: rgba(34, 59, 82, .1);--shadow-color-secondary: rgba(34, 59, 82, .05);--shadow-xs: 0 1px 2px var(--shadow-color-secondary);--shadow-sm: 0 2px 4px var(--shadow-color-secondary);--shadow-md: 0 4px 12px var(--shadow-color-primary);--shadow-lg: 0 8px 24px var(--shadow-color-primary)}[data-theme=dark]{--color-primary: #5b9ad6;--color-primary-variant: #4a8bc4;--color-primary-alt: #7bb3e8;--color-neutral-0: #1a1f2e;--color-neutral-1: #2d3748;--color-neutral-2: #a0aec0;--color-neutral-3: #e2e8f0;--color-success-hover: #51c079;--color-warning-hover: #ed9f3f;--color-error-hover: #f56565;--color-info-hover: #4299e1;--text-color-primary: #f7fafc;--text-color-secondary: #cbd5e0;--text-color-tertiary: #a0aec0;--text-color-inverted: #1a1f2e;--background-color-primary: #1a1f2e;--background-color-secondary: #2d3748;--background-color-tertiary: #374151;--background-color-elevated: #2d3748;--surface-color-default: #2d3748;--surface-color-hover: #374151;--surface-color-active: #4a5568;--surface-color-disabled: #1f2937;--border-color-default: #4a5568;--border-color-light: #374151;--border-color-dark: #718096;--input-background: #2d3748;--input-border: #4a5568;--input-border-hover: #718096;--input-border-focus: #63b3ed;--input-text: #f7fafc;--input-placeholder: #a0aec0;--color-success: #68d391;--color-success-light: rgba(104, 211, 145, .15);--color-warning: #f6ad55;--color-warning-light: rgba(246, 173, 85, .15);--color-error: #fc8181;--color-error-light: rgba(252, 129, 129, .15);--color-info: #63b3ed;--color-info-light: rgba(99, 179, 237, .15);--shadow-color-primary: rgba(0, 0, 0, .3);--shadow-color-secondary: rgba(0, 0, 0, .15);--shadow-xs: 0 1px 2px var(--shadow-color-secondary);--shadow-sm: 0 2px 4px var(--shadow-color-secondary);--shadow-md: 0 4px 12px var(--shadow-color-primary);--shadow-lg: 0 8px 24px var(--shadow-color-primary);--button-primary-focus-shadow: 0 0 0 3px rgba(91, 154, 214, .4);--button-success-focus-shadow: 0 0 0 3px rgba(104, 211, 145, .4);--button-warning-focus-shadow: 0 0 0 3px rgba(246, 173, 85, .4);--button-error-focus-shadow: 0 0 0 3px rgba(252, 129, 129, .4);--button-info-focus-shadow: 0 0 0 3px rgba(99, 179, 237, .4)}@media(prefers-color-scheme:light){.theme-override{color-scheme:light}}@media(prefers-color-scheme:dark){.theme-override{color-scheme:dark}}.theme-transition,.theme-transition *{transition:background-color var(--transition-duration-fast),color var(--transition-duration-fast),border-color var(--transition-duration-fast),box-shadow var(--transition-duration-fast)}.zag-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-body-desktop);font-weight:500;line-height:var(--line-height-normal);text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border-width-default) solid transparent;border-radius:var(--border-radius-sm);transition:color var(--transition-duration-fast) var(--transition-timing),background-color var(--transition-duration-fast) var(--transition-timing),border-color var(--transition-duration-fast) var(--transition-timing),box-shadow var(--transition-duration-fast) var(--transition-timing),opacity var(--transition-duration-fast) var(--transition-timing)}@media(max-width:768px){.zag-button{font-size:var(--font-size-body-mobile)}}.zag-button:focus{outline:0;box-shadow:var(--shadow-sm)}.zag-button:disabled,.zag-button.zag-button-loading{cursor:not-allowed;opacity:var(--opacity-disabled)}.zag-button .zag-button-icon{font-size:var(--icon-size-secondary)}.zag-button-primary{color:var(--text-color-inverted);background-color:var(--color-primary-variant);border-color:var(--color-primary-variant)}.zag-button-primary:hover:not(:disabled):not(.zag-button-loading){background-color:var(--color-primary);border-color:var(--color-primary)}.zag-button-primary:active:not(:disabled):not(.zag-button-loading){background-color:var(--color-primary-variant);border-color:var(--color-primary-variant)}.zag-button-primary:focus{box-shadow:var(--button-primary-focus-shadow)}.zag-button-secondary{color:var(--text-color-primary);background-color:var(--surface-color-default);border-color:var(--border-color-default)}.zag-button-secondary:hover:not(:disabled):not(.zag-button-loading){background-color:var(--surface-color-hover);border-color:var(--border-color-dark)}.zag-button-secondary:active:not(:disabled):not(.zag-button-loading){background-color:var(--surface-color-active);border-color:var(--border-color-dark)}.zag-button-secondary:focus{box-shadow:0 0 0 3px var(--shadow-color-secondary)}.zag-button-success{color:var(--text-color-inverted);background-color:var(--color-success);border-color:var(--color-success)}.zag-button-success:hover:not(:disabled):not(.zag-button-loading){background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.zag-button-success:active:not(:disabled):not(.zag-button-loading){background-color:var(--color-success);border-color:var(--color-success)}.zag-button-success:focus{box-shadow:var(--button-success-focus-shadow)}.zag-button-warning{color:var(--text-color-inverted);background-color:var(--color-warning);border-color:var(--color-warning)}.zag-button-warning:hover:not(:disabled):not(.zag-button-loading){background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.zag-button-warning:active:not(:disabled):not(.zag-button-loading){background-color:var(--color-warning);border-color:var(--color-warning)}.zag-button-warning:focus{box-shadow:var(--button-warning-focus-shadow)}.zag-button-error{color:var(--text-color-inverted);background-color:var(--color-error);border-color:var(--color-error)}.zag-button-error:hover:not(:disabled):not(.zag-button-loading){background-color:var(--color-error-hover);border-color:var(--color-error-hover)}.zag-button-error:active:not(:disabled):not(.zag-button-loading){background-color:var(--color-error);border-color:var(--color-error)}.zag-button-error:focus{box-shadow:var(--button-error-focus-shadow)}.zag-button-info{color:var(--text-color-inverted);background-color:var(--color-info);border-color:var(--color-info)}.zag-button-info:hover:not(:disabled):not(.zag-button-loading){background-color:var(--color-info-hover);border-color:var(--color-info-hover)}.zag-button-info:active:not(:disabled):not(.zag-button-loading){background-color:var(--color-info);border-color:var(--color-info)}.zag-button-info:focus{box-shadow:var(--button-info-focus-shadow)}.zag-button-loading{position:relative}.zag-button-loading:after{content:"";position:absolute;width:var(--spinner-size-sm);height:var(--spinner-size-sm);top:50%;left:50%;margin-left:calc(var(--spinner-size-sm) / -2);margin-top:calc(var(--spinner-size-sm) / -2);border:var(--spinner-border-width) solid transparent;border-top-color:currentColor;border-radius:50%;animation:zag-button-spin var(--animation-spin-duration) linear infinite}.zag-button-loading>*{opacity:0}@keyframes zag-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{margin:0;padding:0;background-color:var(--background-color-primary);color:var(--text-color-primary);font-family:var(--font-family-primary);transition:background-color var(--transition-duration-fast) var(--transition-timing),color var(--transition-duration-fast) var(--transition-timing)}#storybook-root{background-color:var(--background-color-primary);color:var(--text-color-primary);min-height:100vh}