:root{
    --sage:#6f7a5a;
    --sand:#e8ddd0;
    --paper:#f7f4ef;
    --blue:#5d7c8a;
    --dark:#1f2337;
    --green:#7fb069;
    --red:#c85c5c;
    --yellow:#e2c75c;
}
body{margin:0;font-family:Arial,sans-serif;background:#f7f4ef;color:var(--dark);}
.bb-calendar-wrap{max-width:920px;margin:40px auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(31,35,55,.10);}
.bb-calendar-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;}
.bb-calendar-header.small{margin-top:30px;}
.eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-weight:bold;}
h2,h3{margin:0;color:var(--sage);font-family:Georgia,serif;}
.bb-calendar-nav{display:flex;gap:10px;flex-wrap:wrap;}
.bb-calendar-nav a,.logout,button{background:var(--sand);color:var(--dark);text-decoration:none;border:0;border-radius:999px;padding:10px 16px;font-weight:bold;cursor:pointer;}
button{background:var(--sage);color:#fff;}
.bb-legend{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0;font-size:14px;}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;}
.dot.available{background:var(--green);} .dot.booked{background:var(--red);} .dot.blocked{background:var(--yellow);}
.bb-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;}
.bb-calendar-grid.week div{text-align:center;font-weight:bold;color:var(--blue);padding:8px 0;}
.day{min-height:78px;border-radius:16px;padding:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;}
.day strong{font-size:20px;}
.day small{font-size:11px;opacity:.95;}
.day.available{background:var(--green);}
.day.booked{background:var(--red);}
.day.blocked{background:var(--yellow);color:#443b10;}
.day.empty{background:transparent;box-shadow:none;}
.admin-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--paper);padding:18px;border-radius:18px;margin:18px 0;}
.admin-form.login{grid-template-columns:1fr;}
.admin-form label{display:block;font-size:13px;font-weight:bold;margin-bottom:6px;}
.admin-form input,.admin-form select{width:100%;box-sizing:border-box;border:1px solid #d8d0c6;border-radius:12px;padding:10px;font-size:15px;}
.success{background:#e4f3df;color:#2f6f38;padding:12px 16px;border-radius:12px;}
.error{background:#f8dddd;color:#8a2d2d;padding:12px 16px;border-radius:12px;}
@media (max-width:700px){
    .bb-calendar-wrap{margin:16px;padding:18px;}
    .bb-calendar-header{display:block;}
    .bb-calendar-nav{margin-top:14px;}
    .day{min-height:54px;border-radius:12px;padding:7px;}
    .day strong{font-size:16px;}
    .day small{display:none;}
    .admin-form{grid-template-columns:1fr;}
}