*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;width:100%}body{font-family:Arial,sans-serif;background:#f8fafc;color:#111827}img{max-width:100%;height:auto}.app{min-height:100vh;background:#f8fafc}.header{background:#1e3a8a;color:#fff;padding:16px 24px;border-bottom:3px solid #fbbf24}.main{padding:32px 20px}.auth-page{max-width:420px;margin:60px auto;background:#ffffff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #00000014}.auth-card{width:100%}.auth-card h2{margin-bottom:24px;color:#0f172a}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card input{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1em;width:100%}.auth-card button{padding:12px;background:#1e3a8a;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;text-transform:uppercase}.auth-card .error{color:#dc2626;background:#fee2e2;padding:10px;border-radius:6px;font-size:.9em}.toggle-auth{text-align:center;margin-top:16px;color:#555}.link-button{background:none;border:none;color:#1e3a8a;cursor:pointer;font-weight:600;text-decoration:underline;padding:0}.lobby-page{max-width:900px;margin:0 auto}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lobby-header h2{color:#0f172a;font-size:1.6em}.logout-btn{padding:8px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.create-table{background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;border:1px solid #e5e7eb}.create-table h3{color:#0f172a;margin-bottom:16px}.create-table form{display:flex;gap:10px}.create-table input{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1em}.create-table button{padding:10px 24px;background:#fbbf24;color:#0f172a;border:none;border-radius:6px;font-weight:600;cursor:pointer}.tables-list{background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.tables-list h3{color:#0f172a;margin-bottom:16px}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.table-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.table-card h4{color:#0f172a;margin-bottom:8px}.table-card p{color:#666;margin-bottom:12px}.table-actions{display:flex;gap:8px}.table-actions button{flex:1;padding:8px;border:none;border-radius:6px;cursor:pointer;font-weight:600;background:#1e3a8a;color:#fff}.no-tables-message{text-align:center;color:#999;padding:32px}.game-page{max-width:1000px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.game-header h2{color:#0f172a;font-size:1.6em}