@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";:root{--bg-color: #000000;--surface-color: #121212;--primary-color: #ffffff;--accent-gold: #E69420;--accent-green: #00ff88;--accent-red: #ff3333;--text-primary: #ffffff;--text-secondary: #bbbbbb;--border-radius: 0px;--font-heading: "Century Gothic", "Tw Cen MT", sans-serif;--font-body: "Roboto", system-ui, sans-serif;--bg-brown: #2C2016}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-color);position:relative;transition:max-width .3s ease}@media(min-width:768px){#root{max-width:100%;background-color:transparent;min-height:100vh;border:none}.app-container{max-width:700px;margin:0 auto;background-color:var(--surface-color);min-height:100vh;border-left:1px solid #333;border-right:1px solid #333}.app-container.landing-mode{background-color:transparent!important;border:none!important;max-width:100%!important}.app-container.about-mode{background:linear-gradient(#2c2016d9,#2c2016f2),url(../about.jpg) no-repeat center center fixed!important;background-size:cover!important;border:none!important;max-width:100%!important}.app-container.checkin-mode,.app-container.consent-mode,.app-container.privacy-mode{background-color:var(--bg-brown)!important;border:none!important;max-width:100%!important}.landing-container{background-color:transparent!important;border:none!important;max-width:100%!important}}input{background:var(--surface-color);border:1px solid #333;color:#fff;padding:1rem;font-size:1.2rem;width:100%;box-sizing:border-box;margin-bottom:1rem;border-radius:var(--border-radius);outline:none;transition:border-color .2s;font-family:var(--font-body)}input:focus{border-color:var(--accent-gold)}button{cursor:pointer;border:none;font-family:var(--font-heading)}.btn-primary{background:var(--accent-gold);color:#000;font-weight:700;font-size:1.1rem;padding:1rem;width:100%;border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:2px;transition:transform .1s,opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid #333;padding:.8rem;width:100%;border-radius:var(--border-radius);margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glow-text{text-shadow:0 0 10px rgba(255,255,255,.3)}.status-green{color:var(--accent-green);text-shadow:0 0 8px rgba(0,255,136,.4)}.status-red{color:var(--accent-red)}.barber-grid{display:grid;gap:1rem;grid-template-columns:1fr}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}@media(min-width:768px){.barber-grid{grid-template-columns:repeat(2,1fr)}.schedule-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.barber-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.app-container{padding:1rem!important}h1{font-size:2rem!important}input,button{font-size:1rem!important}.desktop-nav{gap:1rem!important}}