*{margin:0;padding:0;box-sizing:border-box}body{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:#f5f7fa}.app{min-height:100vh}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}header h1{font-size:1.8rem;font-weight:600}header button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .3s}header button:hover{background:#ffffff4d}.login-container{max-width:400px;margin:100px auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.login-container h1{text-align:center;color:#667eea;margin-bottom:1rem;font-size:2rem}.login-container h2{text-align:center;color:#333;margin-bottom:2rem;font-size:1.5rem}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container input{padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.login-container input:focus{outline:none;border-color:#667eea}.login-container button{padding:.8rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s}.login-container button:hover:not(:disabled){background:#5568d3}.login-container button:disabled{opacity:.6;cursor:not-allowed}.hint{text-align:center;margin-top:1rem;color:#666;font-size:.9rem}.tabs{display:flex;gap:0;background:#fff;border-bottom:2px solid #e0e0e0}.tabs button{flex:1;padding:1rem;background:#fff;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s}.tabs button:hover{background:#f8f9fa;color:#333}.tabs button.active{color:#667eea;border-bottom-color:#667eea;background:#f8f9ff}.message{margin:1.5rem 2rem;padding:1rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.users-list{padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{color:#333;font-size:1.5rem}.section-header button{padding:.5rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem}.section-header button:hover{background:#5568d3}table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}thead{background:#f8f9fa}th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}td{padding:1rem;border-bottom:1px solid #f0f0f0}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8f9ff}.status{padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status.idle{background:#e3f2fd;color:#1976d2}.status.logging_in{background:#fff3e0;color:#f57c00}.status.booking{background:#fce4ec;color:#c2185b}.status.payment{background:#f3e5f5;color:#7b1fa2}.status.completed{background:#e8f5e9;color:#388e3c}.status.error{background:#ffebee;color:#c62828}td button{padding:.4rem .8rem;margin-right:.5rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .3s}td button:hover:not(:disabled){background:#5568d3}td button:disabled{opacity:.5;cursor:not-allowed}td button:nth-child(2){background:#28a745}td button:nth-child(2):hover:not(:disabled){background:#218838}td button:nth-child(3){background:#fd7e14}td button:nth-child(3):hover:not(:disabled){background:#e8590c}.create-user{padding:2rem;max-width:900px}.create-user h2{color:#333;margin-bottom:1rem}.create-user .info{color:#666;margin-bottom:1rem;line-height:1.6}.create-user pre{background:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:8px;overflow-x:auto;font-size:.9rem;line-height:1.6}@media (max-width: 768px){header{flex-direction:column;gap:1rem}.tabs{flex-direction:column}table{font-size:.85rem}td button{display:block;width:100%;margin-bottom:.5rem;margin-right:0}}:root{font-family:Inter,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}body{margin:0;min-width:320px;min-height:100vh}code{font-family:Courier New,Courier,monospace}