:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--color-bg: #090d16;--color-surface: #0f172a;--color-surface-elevated: #1e293b;--color-surface-hover: #273549;--color-surface-active: #334155;--color-border: #334155;--color-border-subtle: #1e293b;--color-border-bright: #475569;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-text-inverse: #090d16;--color-primary: #14b8a6;--color-primary-light: #2dd4bf;--color-primary-dark: #0f766e;--color-primary-subtle: rgba(20, 184, 166, .15);--color-success: #10b981;--color-success-subtle: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .15);--color-info: #0ea5e9;--color-info-subtle: rgba(14, 165, 233, .15);--bg-app: var(--color-bg);--bg-surface: var(--color-surface);--bg-surface-raised: var(--color-surface-elevated);--bg-surface-hover: var(--color-surface-hover);--bg-surface-active: var(--color-surface-active);--border-subtle: var(--color-border-subtle);--border-default: var(--color-border);--border-bright: var(--color-border-bright);--border-accent: var(--color-primary);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-muted: var(--color-text-subtle);--text-inverse: var(--color-text-inverse);--primary-500: var(--color-primary);--primary-600: #0d9488;--primary-700: var(--color-primary-dark);--primary-glow: var(--color-primary-subtle);--status-success: var(--color-success);--status-success-bg: var(--color-success-subtle);--status-success-border: rgba(16, 185, 129, .3);--status-warning: var(--color-warning);--status-warning-bg: var(--color-warning-subtle);--status-warning-border: rgba(245, 158, 11, .3);--status-danger: var(--color-danger);--status-danger-bg: var(--color-danger-subtle);--status-danger-border: rgba(239, 68, 68, .3);--status-info: var(--color-info);--status-info-bg: var(--color-info-subtle);--status-info-border: rgba(14, 165, 233, .3);--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--touch-min-size: 48px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px -3px var(--color-primary-subtle);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);height:100%}body{height:100%;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text)}#root{min-height:100%;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#5eead4}button,a.btn,input,select{min-height:var(--touch-min-size)}.container{max-width:1400px;width:100%;margin:0 auto;padding-left:24px;padding-right:24px}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--color-border-bright)}.btn{font-family:inherit;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;min-height:var(--touch-min-size);min-width:var(--touch-min-size);text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light);box-shadow:0 0 12px var(--color-primary-subtle)}.btn-secondary{background-color:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-bright)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.w-full{width:100%}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.input-field{font-family:inherit;font-size:1rem;min-height:var(--touch-min-size);padding:10px 16px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.input-field.has-error{border-color:var(--color-danger)}.input-field.has-error:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.input-error{font-size:.8125rem;color:var(--color-danger);font-weight:500}.input-helper{font-size:.8125rem;color:var(--color-text-subtle)}.alert{padding:16px;border-radius:var(--radius-md);border:1px solid transparent}.alert-info{background-color:var(--color-info-subtle);border-color:#0ea5e94d;color:var(--color-info)}.alert-warning{background-color:var(--color-warning-subtle);border-color:#f59e0b4d;color:var(--color-warning)}.alert-danger{background-color:var(--color-danger-subtle);border-color:#ef44444d;color:var(--color-danger)}.alert-success{background-color:var(--color-success-subtle);border-color:#10b9814d;color:var(--color-success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:1920px){html{font-size:18px}.container{max-width:1800px;padding-left:32px;padding-right:32px}}@media(max-width:768px){.container{padding-left:16px;padding-right:16px}}.stecktafel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.room-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease}.room-card:hover{border-color:var(--color-border-bright)}.bed-slot{border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.bed-slot.is-free{background-color:#0f172a80;border:2px dashed var(--color-border)}.bed-slot.is-occupied{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-bright);box-shadow:var(--shadow-sm)}.bed-slot.drop-target-active{border:2px dashed var(--color-primary-light);background-color:var(--color-primary-subtle);box-shadow:0 0 12px var(--color-primary-subtle)}.bed-slot.drop-target-disabled{opacity:.45;cursor:not-allowed}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.daily-main-flow,.daily-main-grid{display:flex;flex-direction:column;gap:20px;width:100%}.residents-section,.residents-column{display:flex;flex-direction:column;gap:12px;width:100%}.ward-tasks-section,.ward-tasks-column{width:100%}.wbl-staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;width:100%}@media(max-width:900px){.wbl-staff-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:640px){.wbl-staff-grid{grid-template-columns:1fr}}.mobile-view-tabs{display:none}.daily-resident-row:hover{border-color:var(--color-border-bright);background-color:var(--color-surface-hover)}.daily-slot-free:hover{border-color:var(--color-text-muted)}.daily-filter-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-primary),0 0 10px var(--color-primary-subtle)}.daily-filter-btn--warning[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-warning),0 0 10px var(--color-warning-subtle)}.daily-filter-btn--danger[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-danger),0 0 10px var(--color-danger-subtle)}.daily-reset-filter-btn{min-height:40px;padding:6px 16px;font-size:.8125rem;font-weight:700;border-radius:var(--radius-md);border:1px solid var(--color-primary);background-color:var(--color-primary-subtle);color:var(--color-primary-light);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.daily-reset-filter-btn:hover{background-color:var(--color-primary-dark);color:var(--color-text)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html *,html *:before,html *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}