.search{margin:20px;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.search__header{margin-bottom:15px}.search__heading{font-size:24px;color:#013b7a}.search__form{display:flex;align-items:center}.search__label{font-size:20px;margin-right:10px}.search__input{flex:1;padding:10px;border:1px solid #013b7a;border-radius:3px;font-size:16px}.search__input:focus{outline:none;border-color:#007bff}.search__input::placeholder{color:#aaa}.table-container{max-width:800px;margin:0 auto}.table{width:100%;border-collapse:collapse;margin-bottom:20px}.table th,.table td{border:1px solid #ccc;padding:8px;text-align:left}.table th{background-color:#f2f2f2;color:#013b7a}.table tbody tr:hover{background-color:#f9f9f9}.profile-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 5px #0000001a;z-index:1000;max-width:90%;max-height:90%;overflow-y:auto}.profile-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;color:#555}form{width:40%;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;padding:1rem;background-color:#f1ecec;border-radius:.5rem;box-shadow:0 0 10px #0000001a}form input{padding:.5rem;border:1px solid #eee5e5;border-radius:.25rem;font-size:1rem}form input:focus{outline:none;border-color:#eae9ee;box-shadow:#003b7a}form button[type=submit]{grid-column:2/3;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}form button[type=submit]:hover{background-color:#003b7a;color:#fff}.row{display:grid;grid-template-columns:2fr 2fr;grid-gap:1rem;align-items:center}.row:nth-child(1) input{margin-right:1rem}.row:nth-child(2) input{margin-right:1rem}.row:nth-child(3){grid-template-columns:repeat(2,1fr)}.app{display:grid;max-width:var(--space--container);margin:auto;margin-bottom:7rem;padding:var(--space--gap)}body{background-image:url(https://www.transparenttextures.com/patterns/cubes.png)}.app__header{display:flex;justify-content:flex-start;background-color:#003b7a;margin-bottom:2rem;padding:16px 32px;box-shadow:0 0 10px #0000004d;border-radius:4px}.app__heading{display:flex;place-content:center;margin:auto 0 auto auto;font-family:McLaren,cursive;font-weight:500;font-size:3rem;color:#fff;text-shadow:2px 2px 4px #000000}.app__logo{max-width:100px}.app__hotel{background-color:#f0f8ff;max-width:100px;display:flex;flex-direction:column;align-items:flex-end}.hotel-icon{max-width:100px}footer{background-color:#003b7a;color:#ccc;padding:1rem;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;position:fixed;bottom:0;right:0;left:0}footer p{color:#ccc}.addressInfo{display:flex;flex-direction:column;gap:var(--space--m)}.card{display:flex;flex-direction:column;justify-content:space-between;width:300px;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.card img{max-width:100%;height:auto;border-radius:4px;margin-bottom:15px}.card-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.card h2{font-size:1.5rem;margin-bottom:10px;color:#003b7a}.card a{display:inline-block;padding:8px 16px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.card a:hover{background-color:#003b7a;color:#fff}.card a:focus{color:#fff}.deck{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space--gap)}.restaurant__item{width:300px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.restaurant__item button{margin-bottom:5px}.order{margin-bottom:10px;padding:10px 30px;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;column-gap:2rem}.order__info{font-size:18px;color:#333}.order__count{font-size:18px;color:#555;margin-left:10px}.order__button{background-color:#007bff;color:#fff;border:none;border-radius:3px;padding:5px 10px;cursor:pointer;transition:background-color .3s ease}.order__button:hover{background-color:#0056b3}.order__button:focus{outline:none}.order__button:active{background-color:#0056b3}.restaurant{display:flex;flex-direction:column;align-items:center;margin:20px;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.restaurant__heading{font-size:24px;color:#013b7a;margin-bottom:15px}.restaurant__list{list-style-type:none;padding:0}.order{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.order__type{font-size:18px;color:#013b7a}:root{--font: 400 100%/1.5 "Raleway", system-ui, Avenir, Helvetica, Arial, sans-serif;--color--ink: color(srgb .95 .93 .97);--color--paper: #231b2e;--color--accent: hsla(262, 100%, 67%, 1);--space--gap: 1rem;--space--s: calc(var(--space--gap) / 8);--space--m: calc(var(--space--gap) / 2);--space--l: calc(var(--space--gap) * 2);--space--container: 1280px;--border: 1px solid transparent;--border-radius: var(--space--s)}a{color:currentColor}a:hover,a:focus{color:var(--color--accent)}button{border-radius:var(--border-radius);border:var(--border);border-color:#ccc;padding:var(--space--m) var(--space--l);font:var(--font);color:var(--color--ink);background:var(--color--paper);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color--ink)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{font:var(--font);margin:0;display:flex;flex-direction:column;align-items:center;min-width:320px;min-height:100vh;color:var(--color--ink);background-color:var(--color--paper)}svg,img{width:100%;height:100%;max-width:100%;object-fit:cover}ul,ol,li{list-style:none;padding:0;margin:0}.is-invisible{position:absolute;margin-left:-999em}@media (prefers-color-scheme: light){:root{--color--ink: #242424;--color--paper: rgba(255, 255, 255, .87)}}