:root{--green:#163629;--rose:#d27f8e;--cream:#fbf7f3;--ink:#241d20;--muted:#766b70;--line:#eadfe0}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.top{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}
.logo{width:52px;height:52px;border-radius:50%;object-fit:cover}
.brand{display:flex;align-items:center;gap:15px;font:700 20px Georgia,serif}
.wrap{max-width:1150px;margin:30px auto;padding:0 18px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:22px}
h1,h2{font-family:Georgia,serif;font-weight:400;margin-top:0}
.muted{color:var(--muted);line-height:1.6;font-size:14px}
input,select{padding:11px 12px;border:1px solid #ddd0d3;border-radius:10px;font:inherit;width:100%}
.btn{border:0;border-radius:999px;padding:11px 18px;cursor:pointer;font-weight:700;font-size:14px}
.primary{background:var(--rose);color:#fff}
.dark{background:var(--green);color:#fff}
.danger{background:#f2dadd;color:#8c4352}
.hidden{display:none}
.login{max-width:430px;margin:100px auto}
.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.tab{border:1px solid #e1d1d4;background:#fff;border-radius:999px;padding:10px 18px;cursor:pointer;font-size:14px}
.tab.active{background:var(--rose);color:#fff;border-color:var(--rose)}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse;min-width:820px}
.table th,.table td{padding:13px 10px;border-bottom:1px solid #eee2e3;text-align:left;font-size:14px;vertical-align:top}
.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.pending{background:#fff0c7;color:#80620c}
.confirmed{background:#dcefe2;color:#27613b}
.completed{background:#e5e5e5;color:#555}
.cancelled{background:#f4d8dc;color:#8b4050}
.status{padding:7px 9px;border:1px solid #ddd0d3;border-radius:9px;background:white}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.item{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.item img{width:100%;height:150px;object-fit:cover;display:block;background:#eee}
.item-body{padding:10px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hidden-section{display:none}
.field-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}
.field-row>*{flex:1;min-width:160px}
.err{color:#a54d5b;min-height:20px;font-size:14px}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.top{padding:0 15px}.brand span{display:none}}
@media(max-width:500px){.grid{grid-template-columns:1fr}}