:root{--bg-primary: #0f1219;--bg-secondary: rgba(255, 255, 255, .06);--bg-card: rgba(255, 255, 255, .08);--bg-hover: rgba(255, 255, 255, .15);--accent: #64ffda;--accent-hover: #4de8c8;--accent-rgb: 100, 255, 218;--text-primary: #e8ecf1;--text-secondary: #9ca3af;--text-muted: rgba(255, 255, 255, .55);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .15);--border-focus: rgba(100, 255, 218, .4);--gradient-page: linear-gradient(135deg, #0f1219 0%, #1a1f2e 100%);--gradient-accent: linear-gradient(90deg, #64ffda, #22b3a6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--color-pending: #ffb74d;--color-pending-rgb: 255, 183, 77;--color-active: #81c784;--color-active-rgb: 129, 199, 132;--color-closed: #64b5f6;--color-closed-rgb: 100, 181, 246;--color-danger: #ff6b81;--color-avgwait: #f48fb1;--color-avgtime: #ce93d8;--color-avgtime-rgb: 206, 147, 216;--color-avgtotal: #4dd0e1;--heatmap-base-rgb: 100, 255, 218;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .15);--input-text: #fff;--scrollbar-thumb: rgba(255, 255, 255, .3);--scrollbar-track: transparent;--badge-bg: rgba(100, 255, 218, .15);--badge-text: #64ffda;color-scheme:dark}[data-theme=light]{--bg-primary: #e8ecf0;--bg-secondary: #eef1f5;--bg-card: #f4f6f9;--bg-hover: rgba(0, 0, 0, .05);--accent: #0d9488;--accent-hover: #0f766e;--accent-rgb: 13, 148, 136;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: rgba(0, 0, 0, .45);--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .12);--border-focus: rgba(13, 148, 136, .4);--gradient-page: linear-gradient(135deg, #e8ecf0 0%, #dde3ea 100%);--gradient-accent: linear-gradient(90deg, #0d9488, #14b8a6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--color-pending: #f59e0b;--color-pending-rgb: 245, 158, 11;--color-active: #22c55e;--color-active-rgb: 34, 197, 94;--color-closed: #3b82f6;--color-closed-rgb: 59, 130, 246;--color-danger: #ef4444;--color-avgwait: #ec4899;--color-avgtime: #a855f7;--color-avgtime-rgb: 168, 85, 247;--color-avgtotal: #06b6d4;--heatmap-base-rgb: 13, 148, 136;--input-bg: #e8ecf0;--input-border: rgba(0, 0, 0, .15);--input-text: #1e293b;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-track: transparent;--badge-bg: rgba(13, 148, 136, .1);--badge-text: #0d9488;color-scheme:light}@media (prefers-color-scheme: light){[data-theme=auto]{--bg-primary: #e8ecf0;--bg-secondary: #eef1f5;--bg-card: #f4f6f9;--bg-hover: rgba(0, 0, 0, .05);--accent: #0d9488;--accent-hover: #0f766e;--accent-rgb: 13, 148, 136;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: rgba(0, 0, 0, .45);--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .12);--border-focus: rgba(13, 148, 136, .4);--gradient-page: linear-gradient(135deg, #e8ecf0 0%, #dde3ea 100%);--gradient-accent: linear-gradient(90deg, #0d9488, #14b8a6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--color-pending: #f59e0b;--color-pending-rgb: 245, 158, 11;--color-active: #22c55e;--color-active-rgb: 34, 197, 94;--color-closed: #3b82f6;--color-closed-rgb: 59, 130, 246;--color-danger: #ef4444;--color-avgwait: #ec4899;--color-avgtime: #a855f7;--color-avgtime-rgb: 168, 85, 247;--color-avgtotal: #06b6d4;--heatmap-base-rgb: 13, 148, 136;--input-bg: #e8ecf0;--input-border: rgba(0, 0, 0, .15);--input-text: #1e293b;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-track: transparent;--badge-bg: rgba(13, 148, 136, .1);--badge-text: #0d9488;color-scheme:light}}*,*:before,*:after{transition:background-color .3s ease,color .25s ease,border-color .3s ease,box-shadow .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--gradient-page);color:var(--text-primary);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html,body,#app{height:100%;margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}