/* Bookly Premium UI — clean SaaS refresh */
:root{--bk-ink:#101828;--bk-muted:#667085;--bk-line:#e7eaf0;--bk-surface:#fff;--bk-soft:#f7f9fc;--bk-accent:#3157d5;--bk-accent2:#6c4cf1;--bk-radius:16px;--bk-shadow:0 18px 48px rgba(16,24,40,.08)}
html{scroll-behavior:smooth}body{background:#f8fafc;color:var(--bk-ink);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0 0 auto 0;height:340px;z-index:-1;background:radial-gradient(circle at 18% 0,rgba(49,87,213,.10),transparent 40%),radial-gradient(circle at 82% 0,rgba(108,76,241,.08),transparent 38%)}
.container{max-width:1180px}.navbar,.main-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
header{border-bottom:1px solid rgba(231,234,240,.85);background:rgba(255,255,255,.86)}
h1,h2,h3,h4,h5,h6{color:var(--bk-ink);letter-spacing:-.025em}.text-muted{color:var(--bk-muted)!important}
.card,.box,.payment_area .box,.booking-card{background:var(--bk-surface)!important;border:1px solid var(--bk-line)!important;border-radius:var(--bk-radius)!important;box-shadow:var(--bk-shadow)!important}
.card-body,.box-body{padding:24px}.btn{border-radius:11px;font-weight:650;min-height:42px;padding:.65rem 1.05rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px)}.btn-primary{border:0!important;background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent2))!important;box-shadow:0 8px 20px rgba(49,87,213,.22)}
.btn-secondary,.btn-light{border:1px solid var(--bk-line)!important;background:#fff!important;color:var(--bk-ink)!important}
.form-control,.custom-select,.select2-selection{min-height:46px!important;border:1px solid #d8dde7!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.form-control:focus{border-color:#8298e7!important;box-shadow:0 0 0 4px rgba(49,87,213,.10)!important}
label{font-weight:600;color:#344054}.nav-pills .nav-link{border-radius:10px;font-weight:600}.nav-pills .nav-link.active{background:var(--bk-ink)!important}
.table{background:#fff;border-radius:14px;overflow:hidden}.table thead th{background:#f8fafc;border-bottom:1px solid var(--bk-line);color:#475467;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.badge{border-radius:999px;padding:.45em .7em}.modal-content{border:1px solid var(--bk-line);border-radius:18px;box-shadow:0 24px 70px rgba(16,24,40,.16)}
.bookly-section-kicker{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--bk-accent);margin-bottom:6px}
.form-check{padding:14px 16px 14px 40px!important;border:1px solid var(--bk-line);border-radius:12px;margin-bottom:10px;background:#fff}.form-check:has(input:checked){border-color:#9aaceb;background:#f8faff}
.bookly-proof-drop{border:1.5px dashed #bdc6d7;border-radius:14px;background:#f8fafc;padding:20px;text-align:center}.bookly-proof-drop small{display:block;color:var(--bk-muted);margin-top:8px}
@media(max-width:767.98px){.container{padding-left:18px;padding-right:18px}.card-body,.box-body{padding:18px}.btn{min-height:46px}.table-responsive{border-radius:12px}.payment_area.container{padding:0}}