:root{--color-brand-primary: #0a6aa3;--color-brand-secondary: #4a90e2;--color-brand-ice: #eef6ff;--color-brand-ice-border: #c9defa;--color-ci-header-bg: #676c6e;--color-brand-teal: #1f6a85;--color-brand-primary-alpha-25: rgba(10, 106, 163, .25);--color-brand-primary-alpha-35: rgba(10, 106, 163, .35);--color-brand-secondary-alpha-08: rgba(74, 144, 226, .08);--color-brand-secondary-alpha-45: rgba(74, 144, 226, .45);--color-error: #d54343;--color-error-dark: #b93232;--color-error-soft: #f6b2b2;--color-error-soft-hover: #f28c8c;--color-error-text: #7a0404;--color-error-text-hover: #5a0202;--color-error-outline: #c03737;--color-error-alpha-20: rgba(213, 67, 67, .2);--color-warning: #f59e0b;--color-error-details-bg: #f5f5f5;--green: #0a8a4c;--color-brand-header: #068658;--green-dark: #06733f;--green-light: #e9f3ee;--green-highlight: #c6ffd6;--color-app-bg: #f7f7f7;--bg: #f2f3f2;--panel: #ffffff;--white: #ffffff;--text: #1b1b1b;--text-dark: #1f2a37;--muted: #595e59;--border: #d9d9d9;--surface-light: #f5f6f5;--color-text-primary: var(--text);--color-text-secondary: var(--text-dark);--color-text-muted: var(--muted);--color-surface: var(--panel);--color-surface-muted: var(--surface-light);--color-border: var(--border);--color-success: var(--green);--color-success-dark: var(--green-dark);--color-success-soft: var(--green-light);--color-success-highlight: var(--green-highlight);--color-success-vibrant: #28a745;--color-success-vibrant-alpha-10: rgba(40, 167, 69, .1);--color-resize-handle-muted: rgba(139, 148, 158, .5);--color-header-tab-text: #eaf6ee;--color-header-border: rgba(255, 255, 255, .2);--color-header-btn-border: rgba(255, 255, 255, .8);--color-header-btn-bg: rgba(255, 255, 255, .1);--color-header-btn-bg-hover: rgba(255, 255, 255, .25);--color-header-tab-hover-bg: rgba(255, 255, 255, .15);--color-header-tab-active-bg: rgba(255, 255, 255, .25);--color-debug-bg: var(--color-error);--color-debug-text: var(--white);--color-calendar-job: #cb1d1d;--color-calendar-info: #1d78cb;--color-calendar-training: #21a117;--color-calendar-warning: #fbd572;--color-calendar-muted: #888888;--color-widget-header-bg: #f4f4f4;--color-widget-header-text: #666666;--color-widget-border: var(--border);--color-resize-handle-border: var(--color-day-cell-end-border);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .22);--shadow-drag-overlay: 0 4px 12px rgba(0, 0, 0, .15);--shadow-tooltip: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-modal-lg-strong: 0 10px 40px rgba(0, 0, 0, .25);--shadow-modal-xl: 0 22px 48px rgba(15, 23, 42, .25);--shadow-resize-active: 0 0 10px rgba(0, 0, 0, .2);--font-family-base: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;--font-family-ui: "Inter", "Segoe UI", sans-serif;--font-family-mono: "Fira Code", "Source Code Pro", monospace;--font-family-mono-alt: "JetBrains Mono", Consolas, monospace;--font-size-xxs: .65rem;--font-size-072: .72rem;--font-size-xs: .75rem;--font-size-078: .78rem;--font-size-sm: .8rem;--font-size-sm-2: .82rem;--font-size-sm-3: .85rem;--font-size-md: .9rem;--font-size-md-2: .92rem;--font-size-md-3: .95rem;--font-size-lg: 1rem;--font-size-lg-2: 1.05rem;--font-size-xl: 1.1rem;--font-size-xl-2: 1.15rem;--font-size-2xl: 1.2rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 1.8rem;--font-size-12px: 12px;--font-size-13px: 13px;--font-size-14px: 14px;--font-size-18px: 18px;--font-size-20px: 20px;--font-size-22px: 22px;--font-size-24px: 24px;--font-size-clamp-sm: clamp(.7rem, .68rem + .12vw, .85rem);--font-size-clamp-xs: clamp(.66rem, .64rem + .1vw, .78rem);--font-size-clamp-xxs: clamp(.62rem, .6rem + .1vw, .74rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-4xs: 2px;--spacing-3xs: 3px;--spacing-xs: 4px;--spacing-2xs: 5px;--spacing-xs-2: 6px;--spacing-sm: 8px;--spacing-sm-2: 10px;--spacing-sm-3: 12px;--spacing-sm-4: 14px;--spacing-md: 16px;--spacing-md-2: 15px;--spacing-md-3: 20px;--spacing-lg: 24px;--spacing-xl: 32px;--size-header-global: 60px;--size-header-compact: 48px;--size-divider: 20px;--radius-xs: 4px;--radius-sm: 6px;--radius-sm-2: 8px;--radius-md: 10px;--radius-widget: 12px;--radius-lg: 14px;--radius-xl: 16px;--color-surface-subtle: #f9f9f9;--color-surface-subtle-alt: #f9fbf8;--color-surface-subtle-strong: #f1f6f3;--color-border-strong: #ccc;--color-border-subtle: #e5e5e5;--color-surface-hover: #e0e0e0;--color-divider-ghost: rgba(0, 0, 0, .04);--color-success-alpha-10: rgba(10, 138, 76, .1);--color-success-alpha-06: rgba(10, 138, 76, .06);--color-success-alpha-04: rgba(10, 138, 76, .04);--color-success-alpha-08: rgba(10, 138, 76, .08);--color-success-alpha-12: rgba(10, 138, 76, .12);--color-success-alpha-16: rgba(10, 138, 76, .16);--color-success-alpha-20: rgba(10, 138, 76, .2);--color-success-alpha-35: rgba(10, 138, 76, .35);--color-success-alpha-40: rgba(10, 138, 76, .4);--color-success-alpha-80: rgba(10, 138, 76, .8);--color-success-alpha-90: rgba(10, 138, 76, .9);--color-success-bright-alpha-05: rgba(12, 155, 86, .05);--color-text-strong: #333;--color-text-medium: #444;--color-text-muted-strong: #555;--color-text-contrast: #222;--color-white-alpha-18: rgba(255, 255, 255, .18);--color-white-alpha-35: rgba(255, 255, 255, .35);--color-white-alpha-40: rgba(255, 255, 255, .4);--color-white-alpha-45: rgba(255, 255, 255, .45);--color-white-alpha-82: rgba(255, 255, 255, .82);--color-white-alpha-85: rgba(255, 255, 255, .85);--color-white-alpha-90: rgba(255, 255, 255, .9);--color-black-alpha-05: rgba(0, 0, 0, .05);--color-black-alpha-08: rgba(0, 0, 0, .08);--color-black-alpha-40: rgba(0, 0, 0, .4);--color-overlay-backdrop: rgba(0, 0, 0, .45);--color-modal-backdrop-strong: rgba(10, 16, 24, .6);--color-button-secondary-bg: #6c757d;--color-button-secondary-bg-hover: #5b636a;--planner-label-width: 160px;--planner-row-height: 96px;--planner-header-height: 64px;--color-ui-status-blocking-bg: rgba(255, 183, 134, .18);--color-ui-status-blocking-border: rgba(255, 183, 134, .36);--color-ui-status-blocking-text: #8a5b00;--color-ui-status-work-bg: rgba(235, 249, 238, .6);--color-ui-work-window-start: var(--color-ui-status-work-bg);--color-ui-work-window-end: var(--color-ui-status-work-bg);--color-holiday-overlay-start: rgba(235, 249, 238, .95);--color-holiday-overlay-end: rgba(220, 245, 225, .9);--color-holiday-overlay-sheen: rgba(255, 255, 255, .2);--color-holiday-overlay-accent: rgba(10, 138, 76, .03);--color-holiday-overlay-border: rgba(10, 138, 76, .08);--color-holiday-day-bg-start: var(--color-ui-status-blocking-bg);--color-holiday-day-bg-end: var(--color-ui-status-blocking-border);--color-holiday-label-text: var(--color-ui-status-blocking-text);--color-holiday-label-shadow: rgba(10, 138, 76, .25);--color-day-cell-past: #f2f2f2;--color-day-cell-today: var(--color-ui-status-work-bg);--color-day-cell-end-border: #999;--color-dialog-text: #2f3130;--color-conflict-text: #a33;--color-conflict-bg: #fff4e5;--color-conflict-border: #f0c36d;--color-conflict-message: #8a5b00;--color-conflict-shadow: rgba(0, 0, 0, .06);--color-notice-inline-bg: rgba(6, 115, 63, .12);--shadow-dialog: 0 12px 32px rgba(0, 0, 0, .28);--color-backlog-entry-bg-start: rgba(12, 155, 86, .07);--color-backlog-entry-bg-end: rgba(12, 155, 86, .02);--color-backlog-entry-border: rgba(12, 155, 86, .16);--color-backlog-entry-shadow: rgba(12, 155, 86, .16);--color-backlog-text: #062e1b;--color-backlog-divider: rgba(6, 46, 27, .35);--color-backlog-task-label: rgba(8, 30, 21, .58);--color-backlog-muted: #4a5c55;--color-backlog-status-bg: rgba(12, 155, 86, .15);--color-backlog-status-text: #045731;--color-tooltip-bg: #1f2937;--color-tooltip-text: #f9fafb;--color-tooltip-border: #374151;--color-drag-row-outline: var(--color-brand-secondary-alpha-45);--color-background-event-bg: rgba(230, 240, 248, .85);--color-background-event-border: rgba(31, 45, 54, .18);--color-background-event-shadow: rgba(0, 0, 0, .1);--color-background-event-highlight: rgba(255, 255, 255, .4);--color-background-event-badge-bg: rgba(255, 255, 255, .65);--color-background-event-badge-border: rgba(31, 45, 54, .18);--color-background-s-bg: rgba(80, 140, 230, .18);--color-background-s-border: rgba(80, 140, 230, .32);--color-background-g-bg: var(--color-ui-status-blocking-bg);--color-background-g-border: var(--color-ui-status-blocking-border);--color-background-x-bg: var(--color-ui-status-blocking-bg);--color-background-x-border: var(--color-ui-status-blocking-border);--color-oncall-stripe: rgba(22, 101, 52, .08);--color-oncall-bg: #dcfce7;--color-oncall-text: #166534;--color-oncall-border: rgba(22, 101, 52, .2);--color-task-gradient-start: #0c9b56;--color-task-gradient-end: #08713f;--color-task-preview-start: rgba(14, 158, 88, .95);--color-task-preview-end: rgba(10, 138, 76, 1);--color-task-bar-gradient-start: rgba(14, 158, 88, .88);--color-task-bar-gradient-end: rgba(10, 138, 76, .94);--color-task-preview-backlog-start: rgba(235, 250, 242, .98);--color-task-preview-backlog-end: rgba(245, 252, 248, .95);--color-task-preview-backlog-border: rgba(12, 155, 86, .3);--color-task-preview-backlog-text: #062e1b;--color-task-other-bg: #e2e6e4;--color-task-other-bg-odd: #e3ebe6;--color-task-other-bg-even: #dce5df;--color-task-other-text: #1f2d36;--color-task-other-title: #1b2830;--color-task-other-description: #24313a;--color-task-other-border: rgba(31, 45, 54, .18);--color-task-preview-other-bg: #e6ecef;--color-task-action-border: rgba(27, 40, 48, .25);--color-task-action-bg: rgba(255, 255, 255, .8);--color-task-action-text: #1b2830;--color-task-action-hover-bg: rgba(27, 40, 48, .12);--color-task-action-hover-border: rgba(27, 40, 48, .45);--color-task-action-danger: #a81414;--color-task-action-danger-border: rgba(168, 20, 20, .35);--color-task-action-danger-hover-bg: rgba(168, 20, 20, .1);--color-task-action-danger-hover-border: rgba(168, 20, 20, .6);--color-task-overtime-border: rgba(255, 82, 82, .8);--color-task-overtime-text: #ffefef;--color-task-overtime-shadow: rgba(0, 0, 0, .2);--color-task-interaction-rejected: #d32f2f;--color-task-interaction-rejected-bg: #fdecea;--color-task-interaction-rejected-shadow: rgba(211, 47, 47, .2);--color-absence-vacation-start: var(--color-ui-status-blocking-bg);--color-absence-vacation-end: var(--color-ui-status-blocking-border);--color-absence-training-start: rgba(40, 110, 220, .85);--color-absence-training-end: rgba(90, 160, 255, .7);--color-absence-shadow: rgba(0, 0, 0, .15);--shadow-task-bar: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -1px 0 rgba(0, 0, 0, .1);--shadow-task-bar-text: 0 1px 2px rgba(0, 0, 0, .1);--shadow-task-preview: 0 12px 28px rgba(0, 0, 0, .25);--shadow-task-preview-backlog: 0 8px 20px rgba(12, 155, 86, .15);--shadow-task-dragging: 0 12px 28px rgba(0, 0, 0, .22);--shadow-task-interaction-pending: 0 4px 12px rgba(0, 0, 0, .15);--size-task-padding-y: 12px;--size-task-padding-x: 14px;--shadow-divider: 2px 0 4px rgba(0, 0, 0, .05);--size-drag-overlay-width: 240px;--size-drag-overlay-padding: 8px;--radius-drag-overlay: 6px;--opacity-drag-overlay: .9;--size-tooltip-max-width: 300px;--color-planner-vacation-bg: rgba(255, 183, 134, .18);--color-planner-vacation-border: rgba(255, 183, 134, .36);--z-index-base: 0;--z-index-surface: 1;--z-index-raised: 2;--z-index-elevated: 4;--z-index-toast: 5;--z-index-drag-ghost: 6;--z-index-widget: 8;--z-index-tooltip: 9;--z-index-sticky: 10;--z-index-banner: 30;--z-index-header: 100;--z-index-header-overlay: 120;--z-index-context: 150;--z-index-dropdown: 200;--z-index-overlay-low: 1000;--z-index-overlay: 1200;--z-index-overlay-high: 1300;--z-index-overlay-top: 1400;--z-index-overlay-max: 1500;--z-index-modal: 2000;--z-index-modal-high: 2100;--z-index-modal-top: 2500;--z-index-drag-overlay: 3000;--z-index-emergency: 9999;--z-index-planner-base: 0;--z-index-planner-holiday: 2;--z-index-planner-absence: 3;--z-index-planner-oncall: 4;--z-index-planner-label: 4;--z-index-planner-sticky-header: 10;--z-index-planner-modal: 2000}@media (max-width: 1600px){:root{--planner-header-height: 56px}}@media (max-width: 1200px){:root{--planner-header-height: 48px}}@media (max-width: 900px){:root{--planner-header-height: 40px}}@media (max-width: 600px){:root{--planner-header-height: 36px}}@media (max-height: 900px){:root{--planner-header-height: clamp(40px, calc((100vh - 240px) / 6), 56px)}}@media (max-height: 720px){:root{--planner-header-height: clamp(36px, calc((100vh - 200px) / 6), 48px)}}@media (max-height: 1080px){:root{--planner-row-height: 76px;--planner-header-height: 48px}}@font-face{font-family:Inter;src:local("Inter");font-display:swap}body{font-family:var(--font-family-base)}.btn.small{font-size:var(--font-size-13px)}.datetime-label{font-weight:var(--font-weight-semibold)}.datetime-sublabel,.quick-entry-hint{font-size:var(--font-size-12px)}.quick-date-button{font-size:var(--font-size-13px);font-weight:var(--font-weight-semibold)}.icon-button{font-weight:var(--font-weight-semibold)}.info-dialog h3{font-size:var(--font-size-20px)}.info-dialog code{font-size:var(--font-size-13px);font-family:var(--font-family-mono)}.badge{font-size:var(--font-size-12px)}.day-select{font-size:var(--font-size-13px)}.modal-close-button{font-size:var(--font-size-18px);font-weight:var(--font-weight-bold)}.job-meta{font-size:var(--font-size-13px)}.form-field label{font-size:var(--font-size-13px);font-weight:var(--font-weight-semibold)}.dialog-subtext{font-size:var(--font-size-md)}.error-fallback h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.error-fallback button{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.date-nav .btn-text{font-size:var(--font-size-md-3);font-weight:var(--font-weight-medium)}.card{background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.btn{background:var(--green);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm-3);cursor:pointer}.btn.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}.btn.small{padding:var(--spacing-3xs) var(--spacing-sm-2);border-radius:16px;border:1px solid var(--green);background:transparent;color:var(--green);transition:all .2s;height:auto;line-height:1.2}.btn.small:hover{background:var(--color-success-alpha-10)}.btn.danger{background:var(--color-error);color:var(--white)}.btn.danger:hover{background:var(--color-error-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-block;padding:var(--spacing-4xs) var(--spacing-sm-2);border-radius:999px;background:var(--green-light);color:var(--green)}.muted{color:var(--muted)}.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--spacing-sm-3);margin-top:var(--spacing-sm-3)}.row2>div{display:flex;flex-direction:column;gap:var(--spacing-sm-2)}.toolbar{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:flex-end;margin-top:var(--spacing-sm-3)}.input,.select,.textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white)}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface-light);color:var(--green);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease}.icon-button:hover{background:var(--green-light);border-color:var(--green)}.datetime-group{display:flex;flex-direction:column;gap:var(--spacing-sm-2)}.datetime-editor{display:flex;flex-direction:column;gap:var(--spacing-sm)}.datetime-label{display:flex;gap:var(--spacing-sm-2);align-items:baseline}.datetime-editor .input{width:100%}.datetime-sublabel{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.quick-entry-row{display:flex;gap:var(--spacing-sm);align-items:center}.quick-entry-row .input{flex:1}.quick-entry-hint{color:var(--muted);white-space:nowrap}.quick-date-buttons{display:flex;gap:var(--spacing-xs-2);flex-wrap:wrap;margin-top:var(--spacing-sm)}.quick-date-button{flex:1 1 0;min-width:0;padding:var(--spacing-xs-2) var(--spacing-sm-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-light);color:var(--text-dark);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.quick-date-button:hover,.quick-date-button:focus-visible{background:var(--green-light);border-color:var(--green);color:var(--green);outline:none}.quick-date-button.active{background:var(--green);border-color:var(--green);color:var(--white)}.datetime-picker-inline{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.datetime-picker-inline .input{flex:1;min-width:140px}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm-3)}.form-field label{color:var(--color-text-contrast)}.form-error{background:var(--color-error-soft);color:var(--color-error-text);border:1px solid var(--color-error-soft-hover);padding:var(--spacing-xs-2) var(--spacing-sm-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm-3)}.time-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.time-row .date-input-group{display:flex;align-items:center;gap:var(--spacing-xs-2);flex:1 1 200px;min-width:160px;position:relative}.date-input-group .input{flex:1 1 auto}.date-input-group .calendar-button{flex:0 0 38px;border-radius:var(--radius-sm)}.hidden-date-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.time-select-group{display:flex;gap:var(--spacing-xs-2)}.time-select-group .input{width:88px;min-width:72px}.job-meta{margin-top:var(--spacing-xs-2);color:var(--color-text-muted);line-height:1.4}.day-select{min-width:88px;padding:var(--spacing-xs-2) var(--spacing-sm-2);border-radius:20px;border:1px solid var(--color-border-strong);background:var(--white);color:var(--color-text-secondary)}.calendar-grid{flex:1;display:flex;flex-direction:column;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-overlay)}.modal .panel{width:600px;background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);position:relative}.modal-close-button{position:absolute;top:var(--spacing-sm-3);right:var(--spacing-sm-3);width:36px;height:36px;border-radius:var(--radius-md);border:none;background:var(--color-error-soft);color:var(--color-error-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}.modal-close-button:hover,.modal-close-button:focus{background:var(--color-error-soft-hover);color:var(--color-error-text-hover)}.modal-close-button:focus-visible{outline:2px solid var(--color-error-outline);outline-offset:2px}.modal-close-button:active{transform:scale(.96)}.modal-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:var(--z-index-dropdown)}.dialog-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-md-3) var(--spacing-lg);max-width:min(420px,95vw);width:min(420px,95vw);box-shadow:var(--shadow-lg);text-align:center}.dialog-card h3{margin:0 0 var(--spacing-sm)}.dialog-subtext{color:var(--muted);margin:var(--spacing-xs) 0 0}.dialog-actions{margin-top:var(--spacing-md-3);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm-3)}.dialog-actions .btn{min-width:120px}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-index-drag-overlay)}.info-dialog{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-lg);max-width:420px;width:min(100%,420px);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-sm-3)}.info-dialog h3{margin:0}.info-dialog p{margin:0;color:var(--muted)}.info-dialog ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:var(--spacing-sm-2);color:var(--color-text-contrast)}.info-dialog code{background:var(--color-surface-subtle-strong);border-radius:var(--radius-sm);padding:var(--spacing-4xs) var(--spacing-sm-2)}.info-dialog .btn{align-self:flex-end}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center;background:var(--bg)}.error-fallback h1{color:var(--text);margin:0 0 var(--spacing-md) 0}.error-fallback p{color:var(--muted);margin:var(--spacing-xs) 0;max-width:500px}.error-fallback button{margin-top:var(--spacing-md-3);padding:var(--spacing-sm-2) var(--spacing-md-3);background:var(--green);color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.error-fallback button:hover{background:var(--green-dark)}*{box-sizing:border-box}