body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}:root{--primary-color: #4CAF50;--secondary-color: #2196F3;--error-color: #f44336;--bg-light: #fff;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0;--input-bg: #fff;--bg-dark: #121212;--text-primary-dark: #fff;--text-secondary-dark: #b0b0b0;--border-color-dark: #333;--input-bg-dark: #1e1e1e}body.dark-mode{background-color:var(--bg-dark);color:var(--text-primary-dark);--bg-light: var(--bg-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-color-dark);--input-bg: var(--input-bg-dark)}.auth-container,.login-container,.register-container,.recover-container{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.auth-container,.register-container,.mesas-container{background:var(--bg-light)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}body.dark-mode .auth-container,body.dark-mode .register-container,body.dark-mode .mesas-container{background:var(--bg-dark)!important;color:var(--text-primary-dark)!important;border-color:var(--border-color-dark)!important}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.options{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.options label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary)}.button,.login-button,.demo-button,.social-button{width:100%;padding:14px;margin:10px 0;border:none;background:#2196f3;color:#fff;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.login-button,.primary-button{background-color:var(--primary-color);color:#fff}.login-button:hover,.primary-button:hover{opacity:.9;transform:translateY(-1px)}.demo-button,.secondary-button{background-color:var(--secondary-color);color:#fff}.demo-button:hover,.secondary-button:hover{opacity:.9}.social-login{margin:1.5rem 0}.social-buttons{display:flex;flex-direction:column;gap:.75rem}.google-button{background-color:#db4437;color:#fff}.facebook-button{background-color:#4267b2;color:#fff}.google-button:hover,.facebook-button:hover{opacity:.9}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 1rem}.error-message{color:var(--error-color);margin:1rem 0;text-align:center}.register-link,.auth-link{text-align:center;margin-top:1.5rem;color:var(--text-secondary)}.register-link a,.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:500}.register-link a:hover,.auth-link a:hover{text-decoration:underline}.lobby-container{max-width:800px;margin:2rem auto;padding:2rem;background:var(--bg-light);border-radius:8px;box-shadow:0 2px 10px #0000001a}.lobby-container button{padding:.75rem 1.5rem;margin:.5rem;border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .3s}.lobby-container button:hover{opacity:.9}.avatar{width:50px;height:50px;border-radius:50%}.recover-container{text-align:center}.recover-container input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.dark-mode-toggle{position:fixed;top:20px;right:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;z-index:1000;padding:5px}.mesa-info ul li:before{filter:brightness(0) invert(1)}.pais-flag{display:inline-block;width:1.15em;height:.85em;vertical-align:-.1em;border-radius:2px;box-shadow:0 0 0 1px #ffffff26;flex-shrink:0;overflow:hidden}