:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}:root{--primary:#064e3b;--primary-hover:#065f46;--secondary:#10b981;--accent:#f0fdf4;--bg-main:#fff;--bg-card:#fff;--text-main:#064e3b;--text-muted:#4b5563;--border:#f1f5f9;--shadow:0 10px 15px -3px #0000000d;--input-bg:#f8fafc}.dark-mode{--primary:#34d399;--primary-hover:#10b981;--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--input-bg:#334155}*{box-sizing:border-box;text-decoration:none!important}body{background-color:var(--bg-main);color:var(--text-main);margin:0;font-family:Inter,system-ui,sans-serif}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;max-width:1400px;margin:0 auto;padding:4rem 3rem}.card{background:var(--bg-card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:2rem;margin-bottom:4rem;padding:3.5rem}.card h2{color:var(--primary);text-transform:uppercase;letter-spacing:.2em;margin-top:0;margin-bottom:3rem;font-size:.9rem;font-weight:900}.hero-section{background:var(--primary);color:#fff;border-radius:2.5rem;justify-content:space-between;align-items:center;margin-bottom:5rem;padding:6rem 5rem;display:flex}.hero-content h1{letter-spacing:-3px;margin:0;font-size:4.5rem;font-weight:900}.hero-content p{opacity:.8;margin:1.5rem 0 0;font-size:1.5rem}.queue-illustration{align-items:flex-end;gap:1rem;display:flex}.queue-person{background:#fff3;border-radius:8px 8px 0 0;width:35px;animation:3s ease-in-out infinite grow}@keyframes grow{0%,to{height:50px}50%{height:90px}}@keyframes blink{0%{opacity:1;transform:scale(1)}50%{opacity:.6;background-color:var(--accent);transform:scale(.98)}to{opacity:1;transform:scale(1)}}.blink{animation:1.5s ease-in-out infinite blink;border:2px solid var(--secondary)!important}.features-row{grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:6rem;display:grid}.feature-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:2.5rem}.rooms-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;width:100%;display:grid}.room-card{background:var(--input-bg);text-align:center;border:1px solid var(--border);border-radius:2rem;flex-direction:column;justify-content:center;min-height:350px;padding:3rem 2rem;display:flex}.room-card.occupied{background:var(--primary);color:#fff}.room-name{text-transform:uppercase;opacity:.6;margin-bottom:2rem;font-size:.75rem;font-weight:900}.occupant-name{margin-bottom:2.5rem;font-size:2rem;font-weight:950}.vitals-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;display:grid}.form-field label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem;font-size:.7rem;font-weight:900;display:block}input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:1.25rem;padding:1.25rem}button{cursor:pointer;border:none;border-radius:1.25rem;padding:1.25rem 2.5rem;font-weight:800}.btn-primary{background:var(--primary);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.footer{background:var(--bg-card);border-top:1px solid var(--border);text-align:center;padding:5rem 3rem}.footer-copy{color:var(--text-muted);opacity:.6;font-size:.8rem}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:3rem 4rem}.navbar-brand{color:var(--primary);font-size:1.2rem;font-weight:950}.stat-badge{background:var(--primary);color:#fff;border-radius:.75rem;padding:.5rem 1rem}.theme-toggle{background:var(--input-bg);border:1px solid var(--border);color:var(--text-main);border-radius:1rem;padding:.75rem}