body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f9f9f9;color:#333}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;margin-bottom:60px}header{background-color:#ff5733;color:#fff;padding:20px;text-align:center;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:24px}header nav{display:flex;gap:20px}header nav a{color:#fff;text-decoration:none;font-weight:500;padding:8px 12px;border-radius:4px;transition:background-color .3s}header nav a:hover{background-color:#fff3}.container{margin:20px auto;width:100%;max-width:1200px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000004d}.form-section,.auth-section{margin-bottom:40px;text-align:center}input[type=text],input[type=password],input[type=email]{padding:12px;width:70%;max-width:500px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:16px}button{padding:12px 20px;background-color:#ff5733;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:10px 0;transition:background-color .3s ease}button:hover{background-color:#e74c3c}.menu-section{margin-top:20px;padding:20px;border-radius:8px;background-color:#fff}.restaurant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.restaurant-info{padding:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000000d;background:#fafafa;display:flex;flex-direction:column}.restaurant-info h3{color:#ff5733;margin-bottom:10px}.restaurant-info p{margin:5px 0;font-size:14px;line-height:1.5}.restaurant-info strong{color:#333}.restaurant-image{width:100%;margin:15px 0;overflow:hidden;border-radius:8px}.restaurant-image img{width:100%;height:auto;transition:transform .3s ease}.restaurant-image img:hover{transform:scale(1.05)}.view-details-btn{margin-top:auto;display:inline-block;padding:10px 20px;background-color:#ff5733;color:#fff;text-decoration:none;border-radius:5px;text-align:center;transition:background-color .3s}.view-details-btn:hover{background-color:#e74c3c}.restaurant-detail{padding:20px}.back-btn{margin-bottom:20px;padding:8px 16px;background-color:#666}.back-btn:hover{background-color:#555}.restaurant-image-large{width:100%;height:300px;overflow:hidden;border-radius:8px;margin-bottom:20px}.restaurant-image-large img{width:100%;height:100%;object-fit:cover}.restaurant-info-detail p{font-size:16px;line-height:1.8;margin:8px 0}.social-login{margin-top:20px;text-align:center}.social-btn{padding:10px 15px;margin:0 10px;border-radius:5px;color:#fff;font-weight:500}.google-btn{background-color:#db4437}.facebook-btn{background-color:#4267b2}.no-results{text-align:center;padding:20px;font-size:18px;color:#777}footer{background-color:#333;color:#fff;text-align:center;position:fixed;bottom:0;width:100%;height:6%}@media (max-width: 768px){.restaurant-grid{grid-template-columns:1fr}header{flex-direction:column;gap:15px}input[type=text],input[type=password],input[type=email]{width:90%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:#f7f8fc;color:#333}.app-container{max-width:1200px;margin:0 auto;padding:0 20px}.app-header{background-color:#fff;box-shadow:0 2px 10px #0000004d;padding:15px 0;margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo a{color:#ff6b6b;text-decoration:none;font-weight:700;font-size:25px}.user-controls{display:flex;align-items:center;gap:20px}.welcome-text{font-weight:500}.logout-btn{background-color:transparent;border:1px solid #ff6b6b;color:#ff6b6b;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-btn:hover{background-color:#ff6b6b;color:#fff}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.auth-form{background-color:#fff;border-radius:8px;box-shadow:0 3px 15px #0000004d;padding:40px;width:100%;max-width:450px}.auth-form h2{text-align:center;margin-bottom:30px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.submit-btn{width:100%;padding:12px;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.submit-btn:hover{background-color:#ff5252}.auth-switch{text-align:center;margin-top:20px;font-size:14px}.auth-switch a{color:#ff6b6b;text-decoration:none;font-weight:500}.error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}