@font-face{font-family:Cairo;src:url('/assets/Cairo.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;background:#f4f6f9;color:#24272c;font-size:15px;line-height:1.8;--blue:#2563eb;--surface:#fff;--muted:#667085;--border:#e4e7ec;--pale:#eaf1ff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 24px;min-height:46px;background:var(--blue);color:#fff;border:1px solid transparent;border-radius:7px;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(.94);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #93b5ff;outline-offset:3px}.secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:9px 18px;color:inherit;min-height:44px;font-weight:600}.text-button{background:transparent;color:var(--blue);padding:8px}.logo{width:178px;height:64px;object-fit:contain;background:#fff}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 5%;background:var(--surface);border-bottom:1px solid var(--border)}.top-start,.top-actions{display:flex;align-items:center;gap:28px}.public-nav{display:flex;gap:30px}.public-nav a{color:inherit;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.4;font-weight:800;margin-bottom:12px}h2{font-size:24px;font-weight:800}h3{font-size:20px}.subtle,small{color:var(--muted)}small{display:block;font-size:13px}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue);margin-bottom:18px}.public-main{background:var(--surface)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;padding-inline-start:6%;background:#f5f7fa;overflow:hidden}.hero-copy{padding:65px 0; padding-inline-end:48px;align-self:center}.hero h1{font-size:55px;line-height:1.35;margin-bottom:22px;letter-spacing:-1px}.hero em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:470px;color:#647083;font-size:18px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-photo{position:relative;min-height:520px}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-note{position:absolute;bottom:18px;inset-inline-end:18px;background:#ffffffdc;padding:3px 10px;font-size:11px;border-radius:4px}.hero-facts{display:flex;gap:34px;margin-top:38px}.hero-facts span{color:#647083;font-size:12px}.hero-facts strong{font-family:Arial,sans-serif;display:block;font-size:28px;color:#24272c}.searchbar{position:relative;margin:-20px 6% 0;z-index:1;background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px;display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:24px;box-shadow:0 8px 35px #24272c09}.searchbar label{margin:0}.searchbar select{border:0;padding:3px 0;font-weight:700}.opening{align-self:center}.section{padding:65px 6%}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.space-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.space-photo{height:210px;position:relative;overflow:hidden}.space-photo img{width:100%;height:100%;object-fit:cover}.space-card:nth-child(3n+2) img{object-position:20%}.space-photo .badge{position:absolute;top:16px;inset-inline-start:16px;background:#fff}.space-body{padding:24px}.space-body h3{margin:8px 0}.space-body p{color:var(--muted);font-size:14px;min-height:42px}.space-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border);padding-bottom:18px}.space-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:18px}.space-bottom strong{font-size:22px}.space-bottom small{font-size:11px;font-weight:400}.space-bottom .button{padding:8px 15px}.pricing-section{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:38px;background:#24272c;color:#fff;padding:55px 6%}.pricing-section .eyebrow{color:#9cbaff}.pricing-section p{color:#bbc2cc;font-size:14px}.price-item{border-inline-start:1px solid #4a4e56;padding-inline-start:28px}.price-item strong{display:block;font-size:38px;margin:8px 0}.price-item strong span{font-size:14px}.price-item small{color:#b4c9ff}.contact-section{padding:60px 6%;display:flex;justify-content:space-between;gap:40px;align-items:center}.contact-links{display:flex;gap:15px}.contact-section p{white-space:pre-line}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:234px;background:#24272c;color:#fff;display:flex;flex-direction:column;z-index:30;padding:24px 18px;overflow:auto}.brandplate{display:block;background:white;border-radius:7px;padding:7px 14px}.brandplate img{width:100%;height:54px;object-fit:contain}.tenant-name{padding:19px 9px;border-bottom:1px solid #41444a;margin-bottom:14px;font-weight:700}.tenant-name small{color:#a1a9b5;font-weight:400}.sidebar nav{display:grid;gap:3px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:9px 12px;border-radius:7px;color:#dce0e7;font-size:14px}.sidebar nav a:hover{background:#363b45;text-decoration:none}.sidebar nav a.active{background:var(--blue);color:white}.nav-icon{width:20px;font-size:19px;color:#a9b9d4}.active .nav-icon{color:white}.sidebar-bottom{padding:24px 12px 0;margin-top:auto}.sidebar-bottom small{color:#afb7c2}.logout{background:transparent;padding:5px 0;font-size:12px;color:#b9c5d7}.admin .page-shell{margin-inline-start:234px}.admin .topbar{height:78px;padding:12px 32px}.admin-main{padding:32px;min-height:calc(100vh - 150px)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.page-heading h1{font-size:29px}.page-heading p{color:var(--muted);margin:0}.page-heading .eyebrow{margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:26px}.stat{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:22px}.stat>span{font-weight:600;color:var(--muted)}.stat strong{display:block;font-size:33px;color:inherit;line-height:1.5;margin:10px 0}.stat small{font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:26px;margin-bottom:24px}.panel h2{font-size:21px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);gap:24px}.schedule-row{display:grid;grid-template-columns:140px 1fr;min-height:82px;border-top:1px solid var(--border)}.schedule-name{padding:15px 5px;border-inline-end:1px solid var(--border);font-size:13px;font-weight:600;align-self:stretch}.schedule-events{display:flex;gap:10px;padding:12px;align-items:center;flex-wrap:wrap;background:repeating-linear-gradient(90deg,transparent,transparent 79px,#eeeeef 80px)}.event{background:#e7efff;color:#1545a5;border-inline-start:3px solid var(--blue);border-radius:5px;padding:8px 14px;min-width:125px}.event strong{font-size:13px}.event small{font-size:11px;color:inherit}.event.pending{background:#f1f3f6;color:#515a6a;border-color:#8d97a8}.attention>div{padding:18px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.attention strong{font-size:15px}.attention a{font-size:13px}.badge{display:inline-block;background:#e8f0ff;color:#2357b3;font-size:12px;padding:3px 10px;border-radius:5px;align-self:flex-start}.badge.muted{background:#eee;color:#555}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-align:start;color:var(--muted);font-size:12px;font-weight:600;background:#f8f9fb}th,td{padding:15px 12px;border-bottom:1px solid var(--border)}.empty{text-align:center;padding:45px;color:var(--muted);grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:var(--surface);color:inherit;border:1px solid #d7dce3;border-radius:6px;padding:10px 12px;min-height:46px;margin-top:6px}input[type=color]{padding:4px;height:46px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.check{display:flex;align-items:center;gap:10px;font-weight:400}.inline-filter{display:flex;align-items:flex-end;gap:15px;margin-bottom:20px;max-width:650px}.inline-filter label{margin:0}.inline-filter input,.inline-filter select{margin:0}.notice{background:#edf3ff;border:1px solid #c9dafe;padding:15px 20px;border-radius:7px;margin-bottom:20px;font-size:14px;color:#244a89}.notice.error{background:#fff0f0;color:#9e2525;border-color:#f4c7c7}.danger{background:#b42318}.narrow{max-width:850px;margin-inline:auto}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px 12%;min-height:600px;align-items:center;background:#f4f6f9}.auth-intro h1{font-size:50px}.auth-intro p{color:var(--muted)}.auth-form{padding:38px}.auth-form button{width:100%;margin:12px 0}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.detail-photo{width:100%;height:300px;object-fit:cover;border-radius:10px;margin-bottom:25px}.summary{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--border);padding-top:20px}.summary dd{font-size:22px;font-weight:700;margin-bottom:15px}.summary dt{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 5%;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface)}.cookie-banner{position:fixed;inset-inline:20px;bottom:16px;z-index:50;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 60px #172b4d22;border-radius:10px;padding:20px 25px;display:flex;align-items:center;gap:22px;max-width:980px;margin:auto}.cookie-banner p{font-size:12px;margin:4px 0;max-width:620px}.cookie-banner form{flex-shrink:0}.cookie-banner summary{cursor:pointer;font-size:13px}.cookie-banner details form{padding:10px}.cookie-banner details label{font-weight:400}.demo-ribbon{text-align:center;background:#fff4db;color:#714c00;font-size:12px;padding:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.action-pop{padding:15px;min-width:230px;white-space:normal}.action-pop form{margin-top:15px}.chart-row{display:grid;grid-template-columns:110px 1fr 25px;gap:15px;align-items:center;margin:20px 0;font-size:13px}.chart-row>div{height:13px;background:#f0f3f9;border-radius:5px;overflow:hidden}.chart-row i{display:block;height:100%;background:var(--blue)}.recommendation,.refund-row{padding:18px 0;border-top:1px solid var(--border)}.recommendation p{font-size:13px;margin:8px 0}.menu-toggle{display:none}.dark{--surface:#24272c;--border:#424852;--muted:#b4bdca;--pale:#273954;background:#1c1f24;color:#f0f2f7}.dark .hero,.dark .auth-grid{background:#1c1f24}.dark .searchbar{background:#24272c}.dark th{background:#303640}.dark .hero-facts strong{color:white}.dark .badge{background:#2f4568;color:#c9ddff}.dark .hero-copy>p{color:#b4bdca}
@media(max-width:1150px){.hero h1{font-size:42px}.space-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.attention{display:none}.stats{gap:12px}.stat{padding:16px}.admin-main{padding:24px}.public-nav{gap:15px}.pricing-section{gap:20px}}
@media(max-width:800px){.sidebar{transform:translateX(110%);transition:transform .2s}.sidebar.open{transform:translateX(0)}[dir=ltr] .sidebar{transform:translateX(-110%)}[dir=ltr] .sidebar.open{transform:translateX(0)}.admin .page-shell{margin:0}.menu-toggle{display:inline-flex}.admin .topbar{padding:12px 20px}.topbar{padding:10px 5%;height:78px}.top-actions{gap:8px}.public-nav{display:none}.logo{width:140px;height:50px}.hero{grid-template-columns:1fr;padding:0;min-height:0}.hero-copy{padding:45px 6%}.hero h1{font-size:40px}.hero-photo{min-height:260px;order:2}.hero-facts{gap:30px}.searchbar{margin:20px 5%;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.opening{font-size:12px}.searchbar button{padding:10px}.section{padding:40px 5%}.section-head{align-items:flex-start}.section-head h2{font-size:24px}.space-grid{grid-template-columns:1fr}.pricing-section{grid-template-columns:1fr 1fr;padding:40px 5%;gap:25px}.price-item{padding-inline-start:15px}.price-item strong{font-size:30px}.contact-section{padding:40px 5%;display:block}.contact-links{margin-top:24px}.page-heading h1{font-size:25px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading .button{font-size:13px;padding:9px 15px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:26px}.stat>span{font-size:13px}.admin-main{padding:22px 16px}.panel{padding:18px}.schedule-name{font-size:12px}.schedule-row{grid-template-columns:105px 1fr}.schedule-events{padding:8px}.form-grid{grid-template-columns:1fr;gap:0}.booking-grid{grid-template-columns:1fr}.auth-grid{grid-template-columns:1fr;padding:40px 6%;gap:20px}.auth-intro h1{font-size:36px}.auth-form{padding:25px}.cookie-banner{inset-inline:10px;bottom:10px;padding:15px;flex-wrap:wrap;gap:12px}.cookie-banner p{font-size:11px}.cookie-banner button{padding:8px 14px;font-size:12px}footer{flex-wrap:wrap;gap:10px;font-size:11px}.top-start .subtle{display:none}.inline-filter{flex-wrap:wrap}.hero-actions{gap:16px}}
@media print{.sidebar,.topbar,.cookie-banner,button,.demo-ribbon{display:none!important}.admin .page-shell{margin:0}body{background:white}.panel{break-inside:avoid}a{color:inherit}.page-shell{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:800px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.hero-photo{min-height:300px}}

.customer-fieldset{border:0;padding:0;margin:25px 0;min-width:0}.customer-fieldset legend{font-size:20px;font-weight:800;margin-bottom:18px;color:var(--blue)}.customer-details{white-space:normal;min-width:180px;max-width:320px}.customer-details p{overflow-wrap:anywhere;margin:10px 0}
/* Persistent navigation and accessible return-to-top control. */
.topbar{position:sticky;top:0;z-index:40}.topbar.scrolled{box-shadow:0 5px 22px #16385910}.back-to-top{position:fixed;inset-inline-end:22px;bottom:var(--cookie-clearance,24px);z-index:45;width:48px;height:48px;padding:0;border-radius:50%;box-shadow:0 5px 22px #16385926}.back-to-top[hidden]{display:none!important}.public-menu-toggle{display:none}html{scroll-padding-top:var(--header-clearance,118px)}
@media print{.back-to-top,.public-menu-toggle{display:none!important}}
