:root{--color-primary: #8b5cf6;--color-secondary: #22d3ee;--color-accent: #fb7185;--color-bg: #070a1a;--color-surface: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .18);--color-text-primary: #f8fafc;--color-text-secondary: rgba(248, 250, 252, .78);--button-bg: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--button-text: #ffffff;--shadow-glow: 0 18px 45px rgba(34, 211, 238, .3)}body{margin:0;background-color:#f1fafb;padding:10px;width:calc(100% - 20px)}.restaurant-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));grid-gap:20px}.restaurant-card{background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0003;overflow:hidden}.restaurant-image{height:200px;overflow:hidden}.restaurant-image img{width:100%;height:100%;object-fit:cover}.restaurant-details{padding:20px}.restaurant-name{font-size:20px;margin:0}.restaurant-rating{margin:10px 0}.rating{font-weight:700;margin-right:5px}.star{color:orange}.order-btn{background-color:#00a7e1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.order-btn:hover{background-color:#0093c6}.user-circle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f2f2f2}.username{font-size:14px;font-weight:700;margin-left:10px}.custom-button{background-color:#4993fa;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.custom-button:hover{background-color:#8099ff}