:root{
  --bg:#0f172a;--card:#111827;--muted:#94a3b8;--line:#243049;--gold:#d4af37;--gold2:#f8e7a1;--white:#fff;--success:#16a34a;--danger:#dc2626;--warn:#d97706;--info:#0ea5e9;
}
*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:#f8fafc;color:#0f172a}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.18)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand strong{display:block;font-size:1.1rem}.brand small{display:block;color:var(--gold2)}.brand-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#9e7a15);color:#111;font-weight:700}
.site-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.site-nav a{color:#fff;padding:10px 14px;border-radius:12px}.site-nav a:hover{background:rgba(255,255,255,.08)}
.hero{background:linear-gradient(135deg,#0f172a 0%,#111827 45%,#1e293b 100%);color:#fff;padding:64px 0 40px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(212,175,55,.18);padding:28px;border-radius:28px;box-shadow:0 20px 40px rgba(2,6,23,.35)}
.hero h1{font-size:clamp(2rem,5vw,4rem);margin:0 0 12px}.hero p{color:#dbe4f0;font-size:1.1rem;line-height:1.9}.gold{color:var(--gold2)}
.quick-book{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:700;color:#334155}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:14px;background:#fff;font-size:1rem}.field textarea{min-height:120px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:14px 18px;font-weight:800;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--gold),#e0c05b);color:#111}.btn-dark{background:#0f172a;color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.26);color:#fff}.btn-light{background:#fff;border:1px solid #e2e8f0}
.section{padding:56px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font-size:2rem}.section-head p{margin:0;color:#64748b;max-width:720px;line-height:1.8}
.cards-3,.cards-4{display:grid;gap:18px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.stat-card,.feature-card,.room-card,.panel,.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.feature-card,.stat-card,.dash-card{padding:22px}.feature-icon{font-size:1.8rem;margin-bottom:12px}.feature-card h3,.room-card h3{margin:0 0 10px}.feature-card p,.room-meta,.muted{color:#64748b;line-height:1.8}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.stat-card strong{font-size:2rem;display:block;margin-top:8px}
.room-card{overflow:hidden}.room-cover{height:240px;object-fit:cover;width:100%}.room-content{padding:20px}.room-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.pill{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 10px;border-radius:999px;font-size:.92rem}.price{font-size:1.3rem;font-weight:800;color:#0f172a}.availability{display:inline-flex;padding:8px 12px;border-radius:999px;color:#fff;font-size:.9rem;font-weight:700}.availability.available{background:var(--success)}.availability.pending{background:var(--warn)}.availability.booked{background:var(--danger)}
.panel{padding:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px}.gallery-side{display:grid;gap:12px}.gallery img{border-radius:24px;height:100%;object-fit:cover}
.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:22px;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid #e2e8f0;text-align:right;vertical-align:top}.table th{background:#f8fafc;font-size:.96rem}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;color:#fff;font-size:.88rem;font-weight:800}.badge-success{background:var(--success)}.badge-warning{background:var(--warn)}.badge-danger{background:var(--danger)}.badge-info{background:var(--info)}.badge-dark{background:#111827}.badge-secondary{background:#64748b}
.notice{padding:16px 18px;border-radius:16px;margin:18px 0;font-weight:700}.notice-success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.notice-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.site-footer{background:#0f172a;color:#fff;padding:42px 0;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer-grid h3{margin-top:0;color:var(--gold2)}.footer-grid p,.footer-grid a{color:#dbe4f0;display:block;margin-bottom:10px;line-height:1.8}
.admin-body{background:#eef2ff}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:#0f172a;padding:24px;display:flex;flex-direction:column;gap:10px}.sidebar-brand{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);color:#fff;margin-bottom:14px}.sidebar-brand strong{display:block;font-size:1.15rem}.sidebar-brand span{color:var(--gold2)}.admin-sidebar a{color:#fff;padding:14px 16px;border-radius:14px}.admin-sidebar a:hover{background:rgba(255,255,255,.08)}.admin-content{padding:28px}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.dash-card .num{font-size:2rem;font-weight:800;margin-top:10px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.mt-2{margin-top:12px}.mt-3{margin-top:20px}.mb-0{margin-bottom:0}.text-center{text-align:center}.right-actions{display:flex;gap:10px;flex-wrap:wrap}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{width:min(500px,calc(100% - 24px));padding:28px;background:#fff;border-radius:28px}
.pricing-box{background:linear-gradient(135deg,#fff8dc,#fff);border:1px solid #f1e3a8;border-radius:22px;padding:20px}
.legend{display:flex;gap:10px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:8px}.dot{width:14px;height:14px;border-radius:50%}.dot.available{background:var(--success)}.dot.pending{background:var(--warn)}.dot.booked{background:var(--danger)}
@media (max-width: 992px){.hero-grid,.grid-2,.admin-layout,.cards-3,.cards-4,.stats-bar,.dash-grid,.form-grid,.form-grid-3,.footer-grid,.gallery{grid-template-columns:1fr}.quick-book{grid-template-columns:1fr}.admin-sidebar{display:none}.container{width:min(100% - 20px,1180px)}.site-nav{justify-content:center}.hero{padding-top:40px}.span-2,.span-3{grid-column:auto}}