:root{--color-bg-deep: #0C0A09;--color-bg-elevated: #1C1917;--color-bg-surface: #292524;--color-border: #44403C;--color-border-accent: #78716C;--color-state-prepared: #5EEAD4;--color-state-in-progress: #6EE7B7;--color-state-attended: #FCD34D;--color-state-completed: #F97316;--color-text-primary: #FAF9F7;--color-text-secondary: #A8A29E;--color-text-muted: #78716C;--color-accent: #60A5FA;--color-warning: #FBBF24;--color-error: #F87171;--color-success: #4ADE80;--color-info: #60A5FA;--color-hover-bg: rgba(94, 234, 212, .08);--color-active-bg: rgba(94, 234, 212, .12);--color-focus-ring: rgba(94, 234, 212, .4);--shadow-none: none;--shadow-sm: 0 1px 2px rgba(12, 10, 9, .3);--shadow-md: 0 4px 6px rgba(12, 10, 9, .4);--shadow-lg: 0 8px 16px rgba(12, 10, 9, .5);--shadow-xl: 0 12px 24px rgba(12, 10, 9, .6);--shadow-card: 0 4px 20px rgba(12, 10, 9, .5);--shadow-inner: inset 0 2px 4px rgba(12, 10, 9, .3);--gradient-card: linear-gradient(135deg, #1C1917 0%, #292524 100%);--gradient-surface: linear-gradient(180deg, #1C1917 0%, #0C0A09 100%);--gradient-sidebar: linear-gradient(180deg, #0C0A09 0%, #1C1917 50%, #0C0A09 100%);--gradient-button: linear-gradient(135deg, #5EEAD4 0%, #0D9488 100%);--gradient-button-hover: linear-gradient(135deg, #6EE7B7 0%, #5EEAD4 100%);--font-family-base: "Inter", "IBM Plex Sans", "Roboto", system-ui, sans-serif;--font-family-heading: "Inter", "Source Serif 4", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--easing-default: cubic-bezier(.4, 0, .2, 1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}[data-theme=dark],.dark,:root:not([data-theme=light]){--color-bg-deep: #0C0A09;--color-bg-elevated: #1C1917;--color-bg-surface: #292524;--color-border: #44403C;--color-border-accent: #78716C;--color-state-prepared: #5EEAD4;--color-state-in-progress: #6EE7B7;--color-state-attended: #FCD34D;--color-state-completed: #F97316;--color-text-primary: #FAF9F7;--color-text-secondary: #A8A29E;--color-text-muted: #78716C;--color-accent: #60A5FA;--color-warning: #FBBF24;--color-error: #F87171;--color-success: #4ADE80;--color-info: #60A5FA;--color-hover-bg: rgba(94, 234, 212, .08);--color-active-bg: rgba(94, 234, 212, .12);--color-focus-ring: rgba(94, 234, 212, .4);--shadow-sm: 0 1px 2px rgba(12, 10, 9, .3);--shadow-md: 0 4px 6px rgba(12, 10, 9, .4);--shadow-lg: 0 8px 16px rgba(12, 10, 9, .5);--shadow-xl: 0 12px 24px rgba(12, 10, 9, .6);--shadow-card: 0 4px 20px rgba(12, 10, 9, .5);--shadow-inner: inset 0 2px 4px rgba(12, 10, 9, .3);--gradient-card: linear-gradient(135deg, #1C1917 0%, #292524 100%);--gradient-surface: linear-gradient(180deg, #1C1917 0%, #0C0A09 100%);--gradient-sidebar: linear-gradient(180deg, #0C0A09 0%, #1C1917 50%, #0C0A09 100%);--gradient-button: linear-gradient(135deg, #5EEAD4 0%, #0D9488 100%);--gradient-button-hover: linear-gradient(135deg, #6EE7B7 0%, #5EEAD4 100%)}[data-theme=light],.light{--color-bg-deep: #FFFBF5;--color-bg-elevated: #FEF9F3;--color-bg-surface: #F5F0E8;--color-border: #E7E0D5;--color-border-accent: #D4CBC0;--color-state-prepared: #0D9488;--color-state-in-progress: #0F766E;--color-state-attended: #D97706;--color-state-completed: #EA580C;--color-text-primary: #1C1917;--color-text-secondary: #57534E;--color-text-muted: #A8A29E;--color-accent: #2563EB;--color-warning: #B45309;--color-error: #DC2626;--color-success: #16A34A;--color-info: #2563EB;--color-hover-bg: rgba(13, 148, 136, .08);--color-active-bg: rgba(13, 148, 136, .12);--color-focus-ring: rgba(13, 148, 136, .4);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .05);--shadow-md: 0 2px 4px rgba(28, 25, 23, .08);--shadow-lg: 0 4px 8px rgba(28, 25, 23, .1);--shadow-xl: 0 8px 16px rgba(28, 25, 23, .12);--shadow-card: 0 1px 3px rgba(28, 25, 23, .1), 0 1px 2px rgba(28, 25, 23, .06);--shadow-inner: inset 0 2px 4px rgba(28, 25, 23, .05);--gradient-card: linear-gradient(135deg, #FEF9F3 0%, #F5F0E8 100%);--gradient-surface: linear-gradient(180deg, #FEF9F3 0%, #FFFBF5 100%);--gradient-sidebar: linear-gradient(180deg, #FFFBF5 0%, #FEF9F3 50%, #FFFBF5 100%);--gradient-button: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);--gradient-button-hover: linear-gradient(135deg, #0F766E 0%, #0D9488 100%)}.bg-deep{background-color:var(--color-bg-deep)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-surface{background-color:var(--color-bg-surface)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-prepared{color:var(--color-state-prepared)}.text-in-progress{color:var(--color-state-in-progress)}.text-attended{color:var(--color-state-attended)}.text-completed{color:var(--color-state-completed)}.bg-prepared{background-color:var(--color-state-prepared)}.bg-in-progress{background-color:var(--color-state-in-progress)}.bg-attended{background-color:var(--color-state-attended)}.bg-completed{background-color:var(--color-state-completed)}.text-accent{color:var(--color-accent)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.border-default{border-color:var(--color-border)}.border-accent{border-color:var(--color-border-accent)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-card{box-shadow:var(--shadow-card)}*,*:before,*:after{transition-property:background-color,border-color,box-shadow;transition-duration:var(--transition-normal);transition-timing-function:var(--easing-default)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.attendant-hover{background-color:var(--color-hover-bg);border-color:var(--color-border-accent)}.attendant-active{background-color:var(--color-active-bg)}.attendant-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal) var(--easing-default)}.attendant-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg)}.attendant-button{background:var(--gradient-button);color:var(--color-bg-deep);border:none;border-radius:var(--radius-md);padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal) var(--easing-default)}.attendant-button:hover{background:var(--gradient-button-hover);transform:translateY(-1px)}.attendant-button:active{transform:translateY(0)}.attendant-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}.attendant-button-outlined{background:transparent;color:var(--color-state-prepared);border:1px solid var(--color-state-prepared);border-radius:var(--radius-md);padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal) var(--easing-default)}.attendant-button-outlined:hover{background:var(--color-hover-bg);border-color:var(--color-state-in-progress)}.attendant-input{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:.5rem .75rem;transition:all var(--transition-normal) var(--easing-default)}.attendant-input:hover{border-color:var(--color-border-accent)}.attendant-input:focus{outline:none;border-color:var(--color-state-prepared);box-shadow:0 0 0 3px var(--color-focus-ring)}.attendant-input::placeholder{color:var(--color-text-muted)}.state-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.state-dot-prepared{background-color:var(--color-state-prepared)}.state-dot-in-progress{background-color:var(--color-state-in-progress)}.state-dot-attended{background-color:var(--color-state-attended)}.state-dot-completed{background-color:var(--color-state-completed)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-accent)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-deep)}:root{font-family:var(--font-family-base);line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-deep);color:var(--color-text-primary)}#root{width:100%;height:100%;margin:0;padding:0}a{font-weight:500;color:var(--color-accent);text-decoration:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-state-prepared)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family-heading);margin:0}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.1}h2{font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}h4{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.4}h5{font-size:1.125rem;font-weight:600;line-height:1.4}h6{font-size:1rem;font-weight:600;line-height:1.5}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal)}button:hover{border-color:var(--color-border-accent);background-color:var(--color-hover-bg)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;transition:all var(--transition-normal)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-accent)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-state-prepared);box-shadow:0 0 0 3px var(--color-focus-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}code,pre{font-family:var(--font-family-mono)}code{background-color:var(--color-bg-surface);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}pre{background-color:var(--color-bg-surface);padding:1rem;border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}table{border-collapse:collapse;width:100%}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text-secondary)}::selection{background-color:var(--color-state-prepared);color:var(--color-bg-deep)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}@media print{body{background-color:#fff;color:#000}a{color:inherit;text-decoration:underline}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}