:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#e0e7ff,#f8fafc)}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}h1{font-size:3.2em;line-height:1.1}h1,h2,h3{font-family:Segoe UI,Roboto,Arial,sans-serif;font-weight:700}.card,.container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;padding:2em 1.5em;margin-bottom:2em}nav button.active,.btn.active{background:#6366f1!important;color:#fff!important;border-color:#6366f1!important}input.form-control,select.form-select{border-radius:8px;border:1px solid #cbd5e1;padding:.75em 1em;font-size:1.1em}.table{border-radius:12px;overflow:hidden;background:#f9fafb}.table th{background:#e0e7ff;color:#3730a3}.alert{border-radius:8px;font-size:1.1em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){.container,.card,.app-center{padding:1em .5em!important}h1{font-size:2em}h2{font-size:1.3em}}.notification-icon{font-size:1.3em;margin-top:.1em}.notification-icon .relative-position{position:relative}#root{max-width:100%;margin:0 auto;padding:1rem;text-align:center;display:flex;justify-content:center;align-items:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.error-message{color:red;margin-top:8px}.admin-table{margin:0 auto;min-width:300px;border-collapse:collapse}.admin-table th,.admin-table td{border:1px solid #ccc;padding:8px}.admin-table th{background:#f0f0f0}.admin-stations-title{margin-top:32px}.person-queue-center{max-width:600px;width:100%}.app-center{max-width:700px;width:100%;margin:0 auto}.app-outer-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:1rem}@media (max-width: 768px){#root,.app-outer-center{padding:.5rem}}.join-queue-btn-xl{font-size:2.2rem;padding:1.2rem 2.5rem;min-height:4.5rem;min-width:16rem;border-radius:.6rem}.notification-bell{position:relative;cursor:pointer;font-size:2rem;margin-left:1rem}.notification-badge{position:absolute;top:.1rem;right:.1rem;background:red;color:#fff;border-radius:50%;padding:.2em .5em;font-size:.9rem}.notification-dropdown{position:absolute;right:0;top:2.5rem;background:#fff;border:1px solid #ddd;border-radius:.5rem;min-width:260px;z-index:1000;box-shadow:0 2px 8px #00000026;padding:.5rem 0}.notification-dropdown ul{list-style:none;margin:0;padding:0}.notification-dropdown li{padding:.5rem 1rem;border-bottom:1px solid #eee;font-size:1rem}@keyframes bell-ring{0%{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}70%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}90%{transform:rotate(0)}to{transform:rotate(0)}}.bell-animate{animation:bell-ring 1s}.polling-indicator{position:absolute;top:16px;left:24px;z-index:1000}.notification-dropdown-footer{text-align:right;padding:.5rem 1rem .2rem}.notification-list-item{display:flex;align-items:flex-start;gap:.5rem}.notification-bell-container{position:absolute;top:16px;right:24px;z-index:1100}.notification-time{font-size:.85em;color:#888}.connection-status{font-size:.7em;transition:all .3s ease;cursor:help}.connection-status.bg-success{animation:pulse-success 2s infinite}.connection-status.bg-warning{animation:pulse-warning 1s infinite}.connection-status.bg-danger{animation:pulse-danger 1.5s infinite}@keyframes pulse-success{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes pulse-warning{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes pulse-danger{0%{opacity:1}25%{opacity:.5}50%{opacity:1}75%{opacity:.5}to{opacity:1}}.notification-bell{cursor:pointer;position:relative;display:inline-block;padding:.25rem;border-radius:50%;transition:background-color .3s ease;background:none;border:none;font-size:inherit;color:inherit;font-family:inherit;line-height:1}.notification-bell:hover{background-color:#0000001a}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:#dc3545;color:#fff;border-radius:50%;font-size:.7em;min-width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;font-weight:700}.bell-animate{animation:ring .5s ease-in-out}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}to{transform:rotate(0)}}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ccc;border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;min-width:300px;max-width:400px;z-index:1050;max-height:400px;overflow-y:auto}.notification-dropdown ul{list-style:none;padding:0;margin:0}.notification-dropdown li{padding:.75rem 1rem;border-bottom:1px solid #eee;font-size:.9em}.notification-dropdown li:last-child{border-bottom:none}.notification-dropdown li:hover{background-color:#f8f9fa}.connection-status-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000;padding:0}.connection-status-container{margin-bottom:1rem;pointer-events:auto}@media (max-width: 576px){.connection-status-footer{padding:0 .5rem}.connection-status-container{margin-bottom:.75rem}.connection-status{font-size:.65em}}@media (max-height: 600px){.connection-status-footer{position:sticky;bottom:0}}@media (prefers-contrast: high){.connection-status{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.connection-status.bg-success,.connection-status.bg-warning,.connection-status.bg-danger{animation:none}}