:root{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:#1e3047;background:#eef1f3}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:25px}
.payment-card{width:100%;max-width:620px;border-radius:16px;overflow:hidden;background:white;box-shadow:0 14px 56px #0b28332b}
header{background:#183246;color:white;padding:23px 28px 25px;min-height:125px}header h1{margin:7px 0;font-size:1.65rem;font-family:Georgia,serif;letter-spacing:.015em}header p{color:#cfdae1;font-size:13px;margin:6px 0}
.hotel-logo{max-width:135px;max-height:50px;object-fit:contain;background:white;border-radius:4px;padding:4px}
.card-body{padding:26px 28px 30px}.card-body h2{font-size:1.35rem;margin:0 0 12px}.card-body p{line-height:1.65;font-size:.92rem}
.summary{display:grid;gap:12px;background:#f6f8fa;border:1px solid #dbe4e9;border-radius:12px;padding:20px;margin:16px 0 22px}
.summary div{display:flex;justify-content:space-between;gap:13px;align-items:baseline;font-size:.9rem}.summary strong{text-align:right;color:#172b41;overflow-wrap:anywhere}
.notice{background:#f5f0e3;border-left:3px solid #b08b40;padding:12px;color:#4c4e47}.warning{background:#fff4d2;padding:14px;border-radius:8px}.good{color:#11693c!important}
#paypal-button-container{min-height:45px;padding:0 2px}#payment-message{margin-top:16px;color:#7c4812;font-size:.9rem;min-height:25px}
.fine-inline{margin-top:24px;border-top:1px solid #d9e0e6;padding-top:16px;color:#53687d;font-size:.81rem!important}
a{color:#2a6381}.pill-btn,.staff button{background:#16415b;color:white;border:0;border-radius:8px;padding:13px 18px;display:inline-block;text-decoration:none;cursor:pointer;font-weight:700}
.staff{max-width:980px}.staff form{display:grid;gap:12px}.staff label{font-size:.85rem;font-weight:700;display:block}.staff input{font-size:1rem;width:100%;padding:10px;border-radius:6px;border:1px solid #a7bac7}.staff input[type=checkbox]{width:auto}.staff .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff table{width:100%;border-collapse:collapse;font-size:.82rem}.staff th,.staff td{text-align:left;border-bottom:1px solid #e1e7ec;padding:8px;overflow-wrap:anywhere}.staff .scroll{overflow:auto}.staff .alert{padding:12px;border:1px solid #bd9c52;background:#fff8e8;overflow-wrap:anywhere}.staff .error{color:#a62626}.staff .logout{text-align:right}
@media(max-width:530px){body{padding:12px}.card-body{padding:20px 16px}.summary div{flex-direction:column;gap:4px}.summary strong{text-align:left}header{padding:20px}.staff .two{grid-template-columns:1fr}}