*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:#15343e;font-family:Arial,sans-serif}button,input{font:inherit}header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:25px 30px;background:#062b3d;color:#fff}header span{font-size:.7rem;letter-spacing:.12em;color:#76ddda;font-weight:900}header h1{margin:4px 0 0;font-family:Georgia,serif}header a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:11px 13px}main{max-width:1100px;margin:auto;padding:22px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary article,.panel{background:#fff;border:1px solid #d9e6e8;border-radius:18px;box-shadow:0 7px 22px rgba(15,49,61,.06)}.summary article{padding:18px}.summary span{display:block;color:#6c8188;font-size:.77rem;font-weight:900}.summary strong{display:block;margin-top:7px;font-size:1.6rem}.panel{margin-top:16px;padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head span{font-size:.7rem;letter-spacing:.1em;color:#6b8188;font-weight:900;text-transform:uppercase}.panel-head h2{margin:5px 0;font-family:Georgia,serif}.panel-head button{border:0;border-radius:11px;padding:10px 12px;background:#e8f7f7;color:#087f87;font-weight:900}.search input{width:100%;margin:13px 0;border:1px solid #d3e2e5;border-radius:13px;padding:13px}.payment-row,.booking-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 0;border-bottom:1px solid #e2eaec}.payment-row:last-child,.booking-row:last-child{border-bottom:0}.row-title{font-weight:950}.row-meta{margin-top:5px;color:#687d84;line-height:1.45}.row-actions{display:flex;gap:7px;align-items:center}.row-actions button,.row-actions a{border:0;border-radius:11px;padding:10px 12px;text-decoration:none;font-weight:900}.confirm{background:#e5f8e9;color:#237d3c}.decline{background:#fff0ef;color:#a3342e}.copy{background:#e8f7f7;color:#087f87}.open{background:#062b3d;color:#fff}.empty{text-align:center;padding:30px;color:#6b8087}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);padding:12px 16px;border-radius:999px;background:#062b3d;color:#fff}@media(max-width:700px){header{padding:20px 16px}main{padding:14px}.summary{grid-template-columns:1fr 1fr}.payment-row,.booking-row{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.row-actions button,.row-actions a{flex:1;text-align:center}}
.back-owner-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.26);
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:700px){
  header{align-items:flex-start}
  .back-owner-button{min-height:42px;padding:0 12px;font-size:.86rem}
}


.payment-center-nav{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.customer-site-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  background:#1bb6b8;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
.customer-site-button:hover{
  background:#25c5c6;
}
@media(max-width:700px){
  header{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .payment-center-nav{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .customer-site-button,
  .back-owner-button{
    width:100%;
    text-align:center;
    padding:0 10px;
    font-size:.82rem;
  }
}


.business-site-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  background:#5369b8;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
.business-site-button:hover{
  background:#6478c4;
}
@media(max-width:700px){
  .payment-center-nav{
    grid-template-columns:1fr;
  }
  .customer-site-button,
  .business-site-button,
  .back-owner-button{
    width:100%;
  }
}