:root{--cream:#F3E9DC;--cream2:#EFE3D2;--ink:#111111;--gold:#C5A158;--blush:#E3B5AC;--muted:#4A4A4A}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Jost',sans-serif;-webkit-font-smoothing:antialiased}
.serif{font-family:'Playfair Display',serif}
.wrap{max-width:1280px;margin:0 auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
nav.kll{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 clamp(16px,4vw,40px);background:rgba(243,233,220,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(197,161,88,.2)}
nav.kll .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
nav.kll .brand img{width:44px;height:44px;object-fit:cover;border-radius:50%}
nav.kll .brand span{font-family:'Playfair Display',serif;font-weight:600;font-size:19px}
nav.kll .links{display:flex;align-items:center;gap:clamp(12px,2.5vw,28px);flex-wrap:wrap}
nav.kll .links a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.04em}
nav.kll .links a:hover{color:var(--gold)}
.btn{display:inline-block;background:var(--ink);color:var(--cream);text-decoration:none;font-size:14px;font-weight:600;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;font-family:'Jost',sans-serif;transition:.15s}
.btn:hover{background:var(--gold);color:var(--ink)}
.btn.gold{background:var(--gold);color:var(--ink)}
.btn.gold:hover{background:var(--blush)}
.btn.ghost{background:transparent;border:1px solid rgba(17,17,17,.25);color:var(--ink)}
.btn.ghost:hover{border-color:var(--ink);background:transparent}
.btn.sm{padding:8px 18px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(74,74,74,.3);background:rgba(227,181,172,.25);padding:7px 16px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1.hero{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(40px,6vw,64px);line-height:1.05;letter-spacing:-.01em;margin:0}
h2.sec{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(30px,4.5vw,44px);letter-spacing:-.01em;margin:0}
.sub{font-size:17px;line-height:1.65;font-weight:300;color:rgba(17,17,17,.7)}
input,select,textarea{font-family:'Jost',sans-serif;font-size:15px;color:var(--ink);background:#fff;border:1px solid rgba(17,17,17,.18);border-radius:12px;padding:11px 14px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(197,161,88,.5)}
label.f{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.card{background:#fff;border:1px solid rgba(197,161,88,.25);border-radius:20px;padding:22px}
.chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.03em}
.chip.pending{background:#FBF3D9;color:#8a6d1a}
.chip.confirmed{background:#E3F2E5;color:#1d6b2a}
.chip.declined{background:#F9E3E0;color:#a03225}
.chip.cancelled{background:#eee;color:#666}
.chip.completed{background:#E4ECF7;color:#2b5a8c}
.slot{border:1px solid rgba(197,161,88,.45);background:transparent;color:var(--cream);font-family:'Jost',sans-serif;font-size:14px;font-weight:500;padding:10px 14px;border-radius:12px;cursor:pointer}
.slot:hover{border-color:var(--gold)}
.slot.on{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600}
.tab{display:flex;align-items:center;gap:10px;border:1px solid rgba(197,161,88,.35);background:transparent;color:var(--ink);font-family:'Jost',sans-serif;font-size:14px;font-weight:500;letter-spacing:.03em;text-align:left;padding:13px 20px;border-radius:16px;cursor:pointer}
.tab:hover{border-color:var(--gold)}
.tab.on{background:var(--ink);color:var(--cream);border-color:var(--gold)}
.msg{border-radius:12px;padding:12px 16px;font-size:14px;margin-top:14px;display:none}
.msg.err{background:#F9E3E0;color:#7c2318;display:block}
.msg.ok{background:#E3F2E5;color:#1d6b2a;display:block}
.msg.info{background:rgba(227,181,172,.35);color:#5c443f;display:block}
table.adm{width:100%;border-collapse:collapse;font-size:14px}
table.adm th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 10px;border-bottom:1px solid rgba(197,161,88,.35)}
table.adm td{padding:12px 10px;border-bottom:1px dotted rgba(74,74,74,.25);vertical-align:top}
.rowbtns{display:flex;gap:6px;flex-wrap:wrap}
.abtn{border:1px solid rgba(17,17,17,.2);background:#fff;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:'Jost',sans-serif}
.abtn:hover{border-color:var(--gold);background:rgba(197,161,88,.12)}
.abtn.danger:hover{border-color:#a03225;background:#F9E3E0}
.atab{border:none;background:transparent;font-family:'Jost',sans-serif;font-size:14px;font-weight:600;letter-spacing:.03em;padding:10px 18px;border-radius:999px;cursor:pointer;color:var(--muted)}
.atab.on{background:var(--ink);color:var(--cream)}
footer.kll{border-top:1px solid rgba(197,161,88,.2);padding:36px clamp(20px,4vw,40px);margin-top:60px}
footer.kll .in{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:rgba(17,17,17,.6)}
footer.kll a{color:rgba(17,17,17,.6);text-decoration:none}
footer.kll a:hover{color:var(--ink)}
.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite;vertical-align:-3px}
.dark .spin{border-color:rgba(255,255,255,.25);border-top-color:var(--gold)}
@keyframes sp{to{transform:rotate(360deg)}}
html{color-scheme:only light}
nav.kll .brand span{white-space:nowrap}
@media (max-width:680px){
  nav.kll{height:auto;flex-wrap:wrap;padding:10px 16px;row-gap:8px}
  nav.kll .brand img{width:36px;height:36px}
  nav.kll .brand span{font-size:16px}
  nav.kll .links{gap:12px 14px;row-gap:6px}
  nav.kll .links a{font-size:13px}
  .btn.sm{padding:7px 14px}
}
nav.kll .links a.btn{color:var(--cream)}
nav.kll .links a.btn:hover{color:var(--ink)}