:root{--cream:#f6efe3;--cream2:#fffaf1;--ink:#171614;--muted:#756d62;--gold:#e2ad31;--gold2:#b9830e;--line:rgba(23,22,20,.09);--white:#fff;--green:#197a51;--red:#b44035;--shadow:0 24px 70px rgba(28,23,16,.10);--radius:28px;--container:min(1180px,calc(100% - 36px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf7f0,#f2e9da);line-height:1.75}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:var(--container);margin:auto}.site-header,.app-header{position:sticky;top:0;z-index:50;background:rgba(250,246,238,.87);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.app-brand{display:flex;align-items:center;gap:14px}.brand img,.app-brand img{width:58px;height:58px;border-radius:17px;box-shadow:0 10px 28px rgba(0,0,0,.11)}.brand strong,.app-brand strong{display:block;font-size:1.08rem}.brand small,.app-brand small{display:block;color:var(--muted);margin-top:1px}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{padding:10px 13px;border-radius:999px;font-weight:700;color:#403b34}.nav-links a:hover,.nav-links a.active{background:rgba(23,22,20,.055)}.nav-links .nav-portal{background:var(--ink);color:#fff;padding-inline:18px}.mobile-toggle{display:none;width:46px;height:46px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:18px}.hero{padding:80px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold2);font-weight:800;margin-bottom:12px}.eyebrow:before{content:'';width:28px;height:2px;background:currentColor}.hero h1,.page-title h1,.login-intro h1{font-size:clamp(2.25rem,4.6vw,4.8rem);line-height:1.08;margin:0 0 20px;letter-spacing:-1px}.hero h1 span{color:var(--gold2)}.hero p,.page-title p,.section-head p{color:var(--muted);font-size:1.05rem;margin:0;max-width:720px}.hero-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn,.btn-outline,.quiet-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:15px;border:1px solid transparent;font-family:inherit;font-weight:800;cursor:pointer;transition:.2s}.btn{background:linear-gradient(135deg,#171614,#2a2824);color:#fff;box-shadow:0 14px 34px rgba(23,22,20,.16)}.btn:hover{transform:translateY(-1px)}.btn-outline{background:transparent;border-color:rgba(23,22,20,.16);color:var(--ink)}.btn-gold{background:linear-gradient(135deg,var(--gold),#efc75f);color:#171614}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-badges span{background:rgba(255,255,255,.7);border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-size:.91rem;font-weight:700}.hero-card{position:relative;background:linear-gradient(155deg,#1e1d1a,#35312b);border-radius:38px;padding:28px;color:#fff;box-shadow:0 28px 80px rgba(20,17,12,.22)}.hero-card:before{content:'';position:absolute;inset:1px;border:1px solid rgba(226,173,49,.25);border-radius:37px;pointer-events:none}.hero-card-logo{width:100%;border-radius:28px;background:#f5eadb}.hero-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.hero-card-meta div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px}.hero-card-meta strong{display:block;color:#f0c85f;font-size:1.1rem}.hero-card-meta span{font-size:.86rem;color:rgba(255,255,255,.72)}.section{padding:84px 0}.section.alt{background:rgba(255,255,255,.46);border-block:1px solid rgba(23,22,20,.04)}.section-head{margin-bottom:32px}.section-head.center{text-align:center}.section-head.center p{margin:auto}.section-head h2{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.22;margin:0 0 12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card,.panel{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.service-card{padding:26px;display:flex;flex-direction:column;min-height:220px}.service-card h3{margin:0 0 8px;font-size:1.3rem}.service-card p{margin:0;color:var(--muted)}.service-card .price{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px;color:var(--gold2);font-weight:800}.service-card.featured{background:linear-gradient(145deg,#1d1c19,#2d2a25);color:#fff}.service-card.featured p{color:rgba(255,255,255,.7)}.membership-grid{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}.steps{display:grid;gap:12px;margin:22px 0}.step{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.76);border:1px solid var(--line);padding:16px;border-radius:19px}.step b{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f3cc70);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.step strong{display:block}.step p{margin:2px 0 0;color:var(--muted);font-size:.93rem}.member-card{background:linear-gradient(155deg,#272520,#3a3732);color:#fff;border-radius:34px;padding:25px;box-shadow:0 26px 70px rgba(20,17,12,.23)}.member-card-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.member-card-top img{width:74px;border-radius:17px}.member-card-top small{display:block;color:rgba(255,255,255,.6)}.member-card-top strong{display:block;font-size:1.6rem;color:#f0c85f}.stamp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:26px 0}.stamp{aspect-ratio:1;border-radius:14px;border:1px dashed rgba(255,255,255,.3);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-weight:900}.stamp.on{background:linear-gradient(145deg,var(--gold),#f1cb68);border-style:solid;color:#191816}.member-data{display:flex;justify-content:space-between;gap:14px}.member-data div{background:rgba(255,255,255,.06);border-radius:16px;padding:12px 14px;flex:1}.member-data small{display:block;color:rgba(255,255,255,.62)}.location-card{padding:28px;display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:center}.location-list{display:grid;gap:13px}.location-item{display:flex;gap:12px}.location-item b{color:var(--gold2);min-width:90px}.map-frame{min-height:330px;border:0;border-radius:24px;width:100%;background:#e9e2d7}.footer{background:#181715;color:#fff;padding:36px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer p{color:rgba(255,255,255,.62);margin:5px 0}.footer a{display:block;color:#e9c15d;margin-bottom:4px}.page-hero{padding:54px 0 24px}.page-title{display:flex;justify-content:space-between;gap:24px;align-items:end}.page-title h1{font-size:clamp(2rem,3.6vw,3.7rem)}.form-card{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;font-size:.91rem;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(23,22,20,.12);background:#fffdfa;border-radius:14px;min-height:50px;padding:10px 13px;font:inherit;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,173,49,.12)}.field.full{grid-column:1/-1}.help{color:var(--muted);font-size:.85rem;margin-top:5px}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 80% 15%,rgba(226,173,49,.15),transparent 30%),linear-gradient(145deg,#f9f4eb,#efe4d4)}.login-shell{width:min(1040px,100%);display:grid;grid-template-columns:1fr .86fr;border-radius:36px;overflow:hidden;box-shadow:0 30px 90px rgba(30,24,15,.15);border:1px solid var(--line)}.login-intro{padding:52px;background:linear-gradient(145deg,#1d1c19,#302d28);color:#fff}.login-intro img{width:110px;border-radius:25px;margin-bottom:32px}.login-intro h1{font-size:3rem}.login-intro p{color:rgba(255,255,255,.67)}.login-demo{margin-top:28px;padding:17px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.login-demo code{color:#f1ca67}.login-form{padding:52px;background:rgba(255,255,255,.9)}.login-form h2{font-size:2rem;margin:0 0 6px}.login-form>p{color:var(--muted);margin:0 0 24px}.login-form .field{margin-bottom:14px}.login-form .btn{width:100%;margin-top:10px}.app-header{position:sticky}.app-header-inner{width:min(1320px,calc(100% - 30px));margin:auto;min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:20px}.app-brand img{width:48px;height:48px}.app-user-actions{display:flex;gap:8px}.quiet-btn{min-height:40px;padding:0 14px;background:rgba(23,22,20,.05);border-color:var(--line);font-size:.9rem}.quiet-btn.danger{color:var(--red)}.app-tabs-wrap{position:sticky;top:80px;z-index:40;background:rgba(250,246,238,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.app-tabs{width:min(1320px,calc(100% - 30px));margin:auto;display:flex;gap:5px;overflow:auto;padding:10px 0}.app-tabs a{white-space:nowrap;padding:9px 14px;border-radius:12px;font-weight:700;color:#514a41}.app-tabs a.active{background:#1c1b18;color:#fff}.app-main{width:min(1320px,calc(100% - 30px));margin:auto;padding:34px 0 70px}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-heading h1,.dashboard-heading h2{margin:0;font-size:2.2rem}.dashboard-heading p{margin:3px 0 0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin-bottom:22px}.stat{padding:20px;border-radius:22px;background:linear-gradient(145deg,#1d1c19,#2d2a25);color:#fff;box-shadow:0 14px 35px rgba(23,22,20,.11)}.stat small{display:block;color:rgba(255,255,255,.62)}.stat strong{display:block;font-size:1.8rem;margin-top:6px}.stat em{font-style:normal;color:#efc965;font-size:.85rem}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.panel-head h2{margin:0;font-size:1.25rem}.panel-head p{margin:0;color:var(--muted);font-size:.88rem}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{text-align:right;padding:13px 14px;border-bottom:1px solid var(--line);font-size:.91rem}.data-table th{background:#f8f2e8;color:#554e45}.data-table tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 10px;border-radius:999px;font-size:.79rem;font-weight:800}.pill.green{background:rgba(25,122,81,.12);color:var(--green)}.pill.gold{background:rgba(226,173,49,.16);color:#8d6510}.pill.red{background:rgba(180,64,53,.11);color:var(--red)}.pill.gray{background:rgba(23,22,20,.07);color:#5b554e}.bar-list{display:grid;gap:14px}.bar-row{background:#fffdf9;border:1px solid var(--line);padding:14px;border-radius:17px}.bar-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.bar{height:9px;border-radius:999px;background:rgba(23,22,20,.08);overflow:hidden}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),#ecc45e)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-card{padding:16px;border-radius:18px;background:#fffdf8;border:1px solid var(--line)}.mini-card small{display:block;color:var(--muted)}.mini-card strong{font-size:1.35rem}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.toolbar form{display:flex;gap:9px;flex-wrap:wrap}.toolbar input,.toolbar select{min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px 11px;font:inherit}.action-link{font-weight:800;color:var(--gold2);border:0;background:none;font:inherit;cursor:pointer}.action-link.red{color:var(--red)}.modal-backdrop{position:fixed;inset:0;background:rgba(10,9,8,.55);z-index:90;display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(640px,100%);max-height:88vh;overflow:auto;background:#fbf7ef;border-radius:28px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{margin:0}.modal-close{border:0;background:#eee6da;width:38px;height:38px;border-radius:50%;cursor:pointer}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:200;padding:12px 18px;border-radius:14px;color:#fff;font-weight:800;box-shadow:0 15px 45px rgba(0,0,0,.2)}.toast-success{background:#216d4e}.toast-error{background:#aa4038}.client-shell{width:min(1000px,calc(100% - 30px));margin:auto;padding:42px 0 70px}.client-hero{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:center}.client-copy h1,.client-copy h2{font-size:3rem;line-height:1.16;margin:0 0 14px}.client-copy p{color:var(--muted)}.qr-real{width:190px;height:190px;background:#fff;border-radius:18px;padding:10px;margin:20px auto 8px}.qr-real img,.qr-real canvas{width:100%!important;height:100%!important}.reward-banner{margin-top:16px;padding:14px;border-radius:16px;background:rgba(226,173,49,.15);color:#6d4c05;font-weight:800;text-align:center}.employee-wrap{width:min(900px,calc(100% - 30px));margin:auto;padding:36px 0}.employee-hero{margin-bottom:20px}.employee-hero h1,.employee-hero h2{margin:0}.employee-hero p{color:var(--muted)}.source-note{font-size:.82rem;color:var(--muted);margin-top:14px}.empty{padding:32px;text-align:center;color:var(--muted)}@media(max-width:1020px){.hero-grid,.membership-grid,.location-card,.dashboard-grid,.client-hero{grid-template-columns:1fr}.grid-3,.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-card{max-width:650px}.page-title{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;top:80px;right:18px;left:18px;background:#fffaf2;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px;padding:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 13px}.grid-3,.grid-2,.stat-grid,.form-grid,.mini-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-card-meta{grid-template-columns:1fr}.section{padding:64px 0}.footer-grid,.dashboard-heading,.app-header-inner{align-items:flex-start;flex-direction:column}.app-user-actions{width:100%}.app-header-inner{padding:12px 0}.app-tabs-wrap{top:118px}.page-title h1,.client-copy h1,.client-copy h2{font-size:2.2rem}.login-shell{grid-template-columns:1fr}.login-intro{padding:30px}.login-form{padding:30px}.login-intro h1{font-size:2.2rem}.member-data{flex-direction:column}.stamp-row{gap:6px}.panel{padding:18px}}@media(max-width:480px){:root{--container:calc(100% - 24px)}.brand img{width:49px;height:49px}.hero h1{font-size:2.45rem}.btn,.btn-outline{width:100%}.hero-actions{flex-direction:column}.app-main{width:calc(100% - 20px)}.client-shell,.employee-wrap{width:calc(100% - 20px)}}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.route-card{padding:24px;display:flex;flex-direction:column;min-height:250px}.route-card h3{margin:10px 0 8px}.route-card p{color:var(--muted);margin:0 0 20px}.route-card .action-link{margin-top:auto}.route-card.featured{border-color:rgba(226,173,49,.45);box-shadow:0 24px 70px rgba(185,131,14,.15)}.route-number{font-size:.82rem;font-weight:900;color:var(--gold2);letter-spacing:2px}.block-link{width:100%;margin-top:20px}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.benefit-grid .mini-card strong{font-size:1.08rem}.benefit-grid .mini-card p{margin:3px 0 0;color:var(--muted)}.membership-option{padding:28px;position:relative;display:flex;flex-direction:column;min-height:285px}.membership-option h2,.membership-option h3{margin:8px 0}.membership-option p{color:var(--muted);margin-bottom:0}.membership-option .block-link{margin-top:auto}.membership-option.featured{background:linear-gradient(145deg,#1d1c19,#2d2a25);color:#fff;transform:translateY(-8px)}.membership-option.featured p{color:rgba(255,255,255,.7)}.membership-option.featured .btn-outline{color:#fff;border-color:rgba(255,255,255,.25)}.option-badge{display:inline-flex;align-self:flex-start;background:var(--gold);color:#171614;border-radius:999px;padding:5px 11px;font-size:.77rem;font-weight:900}.option-price{display:block;font-size:1.45rem;color:var(--gold2);margin:8px 0}.testimonial{padding:26px;margin:0}.testimonial p{font-size:1.08rem;margin:0 0 18px}.testimonial footer{color:var(--gold2);font-weight:800}.faq-list{display:grid;gap:12px;margin-bottom:18px}.faq-list details{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:18px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:800;padding:16px 0}.faq-list details p{color:var(--muted);margin:0;padding:0 0 18px}.faq-list.large details{padding-inline:24px}.narrow{max-width:860px}.contact-card{padding:28px}.contact-list{display:grid;gap:0}.contact-list>div{display:grid;grid-template-columns:140px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.contact-list>div:last-child{border-bottom:0}.contact-list strong{color:var(--gold2)}.package-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.package-card{padding:34px}.package-card h2{font-size:2rem;margin:14px 0}.package-price{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.package-price strong{font-size:2.6rem;color:var(--gold2)}.package-price span{color:var(--muted)}.clean-list{display:grid;gap:9px;padding:0 22px 0 0}.clean-list li::marker{color:var(--gold2)}.steps.horizontal{grid-template-columns:repeat(4,1fr)}.booking-shell{padding-top:24px}.booking-types{display:flex;gap:8px;overflow:auto;padding:8px;margin-bottom:20px;background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:18px}.booking-types a{white-space:nowrap;padding:10px 16px;border-radius:12px;font-weight:800}.booking-types a.active{background:var(--ink);color:#fff}.booking-grid{align-items:start}.selection-summary{min-height:50px;padding:10px 13px;border-radius:14px;background:#fffdfa;border:1px solid rgba(23,22,20,.12)}.selection-summary strong,.selection-summary span{display:block}.selection-summary span,.field small{color:var(--muted);font-size:.82rem}.orders-table{min-width:1080px}.stacked-status{display:grid;gap:7px}.stacked-status select,.status-form select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:5px;font:inherit;font-size:.8rem}.empty-state{padding:24px;text-align:center;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr}.footer small{color:rgba(255,255,255,.55)}@media(max-width:1120px){.site-header .brand small{display:none}.nav-links a{padding-inline:9px;font-size:.87rem}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:1020px){.why-grid,.package-layout{grid-template-columns:1fr}.steps.horizontal{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.grid-4,.benefit-grid,.steps.horizontal,.footer-grid{grid-template-columns:1fr}.membership-option.featured{transform:none}.contact-list>div{grid-template-columns:1fr;gap:3px}.route-card{min-height:0}.booking-types{margin-inline:-4px}}
.review-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;max-width:780px;margin:auto}.review-score,.review-count{padding:30px;display:flex;flex-direction:column;justify-content:center}.review-score{text-align:center}.review-score strong,.review-count strong{font-size:3.4rem;line-height:1;color:var(--gold2)}.review-score div{color:var(--gold);letter-spacing:4px;font-size:1.35rem}.review-count .btn-outline{margin-top:18px}@media(max-width:760px){.review-summary{grid-template-columns:1fr}}
.hp-field{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.app-user-actions form{margin:0}

/* Wider layout and responsive primary navigation. */
:root{--container:min(1280px,calc(100% - 90px))}
body{overflow-x:hidden}
.nav-row{position:relative}
.site-header .nav-row{width:var(--container)}
.site-header .brand{flex:0 0 auto}
.site-header .nav-links{min-width:0}
.site-header .nav-links a{white-space:nowrap}
.app-header-inner,.app-tabs,.app-main{width:var(--container)}

@media(max-width:1240px){
  .site-header .nav-row{min-height:78px}
  .site-header .mobile-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
  .site-header .nav-links{display:none;position:absolute;z-index:70;top:calc(100% + 10px);right:0;left:0;max-height:calc(100vh - 110px);overflow-y:auto;background:#fffaf2;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px;padding:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .site-header .nav-links.open{display:grid}
  .site-header .nav-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;text-align:center;background:rgba(23,22,20,.035)}
  .site-header .nav-links .nav-portal{padding-inline:12px;background:var(--ink);color:#fff}
}

@media(max-width:760px){
  :root{--container:calc(100% - 24px)}
  .site-header .nav-row{width:var(--container)}
  .site-header .nav-links{top:calc(100% + 8px);right:0;left:0;grid-template-columns:1fr;gap:5px}
  .site-header .nav-links.open{display:grid}
  .site-header .nav-links a{justify-content:flex-start;text-align:right;padding-inline:16px}
}

/* Release-fidelity pass: practical proportions, complete focus states and robust overlays. */
:root{--radius:22px;--shadow:0 16px 44px rgba(28,23,16,.09)}
.hero{padding-block:68px 56px}
.hero h1{font-size:clamp(2.25rem,4.1vw,4.25rem)}
.hero-card{border-radius:30px;box-shadow:0 22px 58px rgba(20,17,12,.18)}
.hero-card:before{border-radius:29px}
.hero-card-logo{border-radius:22px}
.section{padding-block:74px}
.btn:focus-visible,.btn-outline:focus-visible,.quiet-btn:focus-visible,.action-link:focus-visible,.nav-links a:focus-visible,.brand:focus-visible,.footer a:focus-visible,.faq-list summary:focus-visible,.mobile-toggle:focus-visible,.modal-close:focus-visible,.booking-types a:focus-visible{outline:3px solid rgba(185,131,14,.72);outline-offset:3px}
.modal-open{overflow:hidden}
.modal-backdrop[aria-hidden="true"]{display:none}
.modal-backdrop[aria-hidden="false"]{display:grid}
.modal:focus{outline:none}
.location-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.btn-compact{min-height:40px;padding-inline:14px}
.contact-notice{margin-bottom:14px;padding:12px 14px;border:1px solid rgba(185,131,14,.28);border-radius:14px;background:rgba(226,173,49,.11);color:#6d4c05;font-weight:700}
.policy-card{padding:28px}
.recovery-panel{margin-top:20px}
@media(max-width:760px){.hero{padding-block:46px 42px}.section{padding-block:58px}.location-actions{align-items:stretch}.location-actions .btn-outline{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* High-contrast CTA treatment on dark featured service cards. */
.service-card.featured .btn-outline{color:#fff;border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.08)}
.service-card.featured .btn-outline:hover{color:#171614;border-color:#efc75f;background:#efc75f;transform:translateY(-1px)}
.service-card.featured .btn-outline:focus-visible{color:#171614;border-color:#efc75f;background:#efc75f;outline-color:#fff}

/* Owner dashboard: clearer hierarchy and decision-focused monthly summary. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.dashboard-heading{display:block;align-items:initial;justify-content:initial;margin-bottom:26px}.dashboard-title-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dashboard-title-line h1,.dashboard-title-line h2{white-space:nowrap}.dashboard-heading p{margin-top:6px}.month-filter{display:block}.month-filter select{width:195px;min-height:46px;padding:7px 14px;border:1px solid rgba(23,22,20,.13);border-radius:14px;background:#fffdfa;color:var(--ink);font:inherit;font-weight:800;cursor:pointer;outline:none;box-shadow:0 8px 22px rgba(28,23,16,.055)}.month-filter select:hover{border-color:rgba(185,131,14,.35)}.month-filter select:focus-visible{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(226,173,49,.16)}.money-value{display:inline-flex;direction:ltr;align-items:baseline;gap:.28em;white-space:nowrap}
.stat-grid .stat{position:relative;overflow:hidden;min-height:184px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.07)}.stat-grid .stat:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:rgba(255,255,255,.3)}.stat-grid .stat small{font-size:.88rem;color:rgba(255,255,255,.68)}.stat-grid .stat strong{margin:12px 0 10px;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.35;white-space:nowrap}.stat-grid .stat em{margin-top:auto;color:rgba(255,255,255,.75);line-height:1.55}.stat-grid .stat em a{color:#f2ca62;text-decoration:underline;text-decoration-color:rgba(242,202,98,.45);text-underline-offset:3px}.stat-revenue:before,.stat-positive:before{background:#42b883!important}.stat-obligations:before{background:#efb938!important}.stat-negative:before{background:#df6a5f!important}.stat-revenue strong,.stat-positive strong{color:#82ddb4}.stat-obligations strong{color:#f2ca62}.stat-negative strong{color:#ff9c92}.coverage-line{display:flex;justify-content:space-between;gap:12px;margin-top:auto;color:rgba(255,255,255,.72);font-size:.82rem}.coverage-line b{color:#fff}.coverage-bar{height:7px;margin-top:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}.coverage-bar span{display:block;height:100%;border-radius:inherit;background:#df6a5f}.stat-positive .coverage-bar span{background:#42b883}
.employee-panel .panel-head{margin-bottom:20px}.employee-panel .panel-head .action-link{padding:8px 13px;border-radius:11px;background:rgba(226,173,49,.12);border:1px solid rgba(185,131,14,.18)}.employee-table th{white-space:nowrap}.employee-table tbody tr:hover{background:rgba(226,173,49,.035)}
.dashboard-heading.admin-page-heading{display:block;margin-bottom:20px}.admin-page-heading>div:first-child{max-width:850px}.admin-page-heading .inline-actions{justify-content:flex-start;margin-top:16px!important}.admin-page-heading>.btn,.admin-page-heading>.btn-outline{margin-top:16px}.admin-filter-row{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.48)}.admin-filter-row p{margin:0;color:var(--muted);font-size:.86rem}.admin-filter-row .month-filter{flex:0 0 auto}.compact-stats .stat{min-height:148px}.compact-stats .stat strong{margin-block:10px 4px}.compact-stats .stat em{margin-top:auto}.panel .empty-state{padding-block:34px}.empty-state-card{min-height:210px;display:grid;place-items:center;align-content:center;gap:5px;padding:32px;text-align:center;border:1px dashed rgba(23,22,20,.14);border-radius:20px;background:#fffdf9}.empty-state-card .empty-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:5px;border-radius:50%;background:rgba(226,173,49,.14);color:#8d6510;font-size:1.35rem;font-weight:900}.empty-state-card h3{margin:0;font-size:1.15rem}.empty-state-card p{max-width:520px;margin:0;color:var(--muted);font-size:.9rem}.membership-admin-grid{grid-template-columns:1.25fr .75fr;align-items:start}.settings-form{display:grid;gap:16px}.settings-form>.panel{margin-top:0!important;padding:24px 28px}.form-grid.form-grid-3{grid-template-columns:repeat(3,1fr)}.settings-savebar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:0;padding:12px 14px;border:1px solid rgba(23,22,20,.1);border-radius:18px;background:rgba(255,250,241,.94);box-shadow:0 16px 44px rgba(28,23,16,.16);backdrop-filter:blur(14px)}.settings-savebar span{color:var(--muted);font-size:.86rem}.settings-savebar .btn{min-width:190px}

/* Final reference content system. */
.spotlight{position:relative;overflow:hidden;padding:clamp(30px,3.2vw,46px);display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.48fr) auto;gap:clamp(24px,3.5vw,52px);align-items:center;background:linear-gradient(145deg,#1d1c19,#302d28);color:#fff;border-color:rgba(255,255,255,.08)}
.spotlight:after{content:'';position:absolute;inset-inline-end:-110px;top:-145px;width:330px;height:330px;border-radius:50%;background:rgba(226,173,49,.08);filter:blur(4px);pointer-events:none}.spotlight-copy{position:relative;z-index:1}.spotlight h3{font-size:clamp(1.65rem,2.4vw,2.15rem);line-height:1.35;margin:13px 0 5px}.spotlight p{margin:0;color:rgba(255,255,255,.78)}
.spotlight-facts{display:grid;gap:4px;padding:18px 22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.055)}.spotlight-facts strong{font-size:2.2rem;line-height:1.3;color:#f0c85f}.spotlight-facts strong small{font-size:.95rem}.spotlight-facts span{color:rgba(255,255,255,.8);font-size:.92rem}.spotlight-facts span:first-of-type:before{content:'المدة: ';color:rgba(255,255,255,.55)}.spotlight-facts span:last-child:before{content:'المكان: ';color:rgba(255,255,255,.55)}.spotlight-cta{position:relative;z-index:1;min-width:170px;min-height:54px;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.promo-card,.info-card,.category-card,.empty-catalog{padding:28px}.promo-card h2,.info-card h2,.empty-catalog h2{margin:4px 0 10px}.promo-card p,.info-card p,.category-card p,.empty-catalog p{color:var(--muted)}
.promo-card.dark,.cta-band{background:linear-gradient(145deg,#1d1c19,#302d28);color:#fff}.promo-card.dark p,.cta-band p{color:rgba(255,255,255,.7)}
.quote-card{margin:28px 0 0;padding:28px;border-radius:22px;background:rgba(226,173,49,.12);border:1px solid rgba(185,131,14,.24);font-size:1.2rem;font-weight:700;color:#634707}
.cta-band{border-radius:30px;padding:clamp(28px,3vw,38px) clamp(28px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:var(--shadow)}.cta-band h2{margin:0 0 5px;font-size:clamp(1.7rem,3vw,2.7rem)}.cta-band p{margin:0}.cta-band .eyebrow{margin-bottom:6px}.cta-band .btn{min-width:170px;min-height:54px}
.center-actions{text-align:center;margin-top:20px}.policy-card h3,.category-card h3{margin-top:0}
.service-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:var(--shadow)}
.service-table{width:100%;border-collapse:collapse;min-width:680px}.service-table th,.service-table td{padding:18px 20px;text-align:right;border-bottom:1px solid var(--line)}.service-table th{background:#f4eadb}.service-table tr:last-child td{border-bottom:0}.service-table td:nth-child(3),.service-table a{font-weight:800;color:var(--gold2)}
.empty-catalog{text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.request-reference{margin-top:24px;padding:20px 24px;border-radius:20px;background:#e8f4ed;border:1px solid rgba(25,122,81,.22);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.request-reference span{font-weight:800;color:var(--green)}.request-reference strong{font-size:1.3rem;letter-spacing:1px}.request-reference small{color:var(--muted);flex-basis:100%}
.form-error-summary{margin-bottom:18px;padding:12px 14px;border-radius:14px;background:rgba(180,64,53,.1);border:1px solid rgba(180,64,53,.25);color:var(--red)}.field-error{display:block;color:var(--red)!important;font-weight:700;margin-top:6px}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--red);box-shadow:0 0 0 3px rgba(180,64,53,.08)}
@media(max-width:1120px){.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;top:80px;right:18px;left:18px;background:#fffaf2;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px;padding:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 13px;font-size:1rem}}
@media(max-width:1020px){.spotlight{grid-template-columns:1fr minmax(210px,.6fr)}.spotlight .btn{grid-column:1/-1;width:100%}.cta-band{align-items:flex-start}}
@media(max-width:760px){.spotlight{grid-template-columns:1fr;gap:20px}.spotlight .btn{grid-column:auto}.spotlight-facts{grid-template-columns:repeat(2,1fr)}.spotlight-facts strong{grid-column:1/-1}.cta-band{padding:28px;flex-direction:column;align-items:stretch}.cta-band .btn{width:100%}}
@media(max-width:760px){.dashboard-title-line{align-items:stretch;flex-direction:column;gap:12px}.dashboard-title-line h1{white-space:normal}.month-filter,.month-filter select{width:100%}.stat-grid .stat{min-height:164px}.employee-panel{padding:16px}.employee-panel .panel-head{align-items:flex-start}.employee-table-wrap{overflow:visible;border:0;border-radius:0}.employee-table{min-width:0}.employee-table thead{display:none}.employee-table tbody{display:grid;gap:12px}.employee-table tr{display:grid;padding:5px 14px;border:1px solid var(--line);border-radius:16px;background:#fffdf9}.employee-table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;text-align:left;border-bottom:1px solid var(--line)}.employee-table td:last-child{border-bottom:0}.employee-table td:before{content:attr(data-label);color:var(--muted);font-size:.8rem;font-weight:700}.employee-table td:first-child{padding-block:11px}.employee-table td:first-child strong{font-size:1.05rem}}
@media(max-width:1020px){.membership-admin-grid{grid-template-columns:1fr}.form-grid.form-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-page-heading .inline-actions{display:grid;grid-template-columns:1fr}.admin-page-heading .inline-actions .btn,.admin-page-heading .inline-actions .btn-outline,.admin-page-heading>.btn,.admin-page-heading>.btn-outline{width:100%}.admin-filter-row{align-items:stretch;flex-direction:column;gap:9px}.compact-stats .stat{min-height:142px}.form-grid.form-grid-3{grid-template-columns:1fr}.settings-form>.panel{padding:20px}.settings-savebar{bottom:8px;align-items:stretch;flex-direction:column}.settings-savebar .btn{width:100%}}

/* Employee and customer dashboards: role-focused hierarchy and mobile-first records. */
.employee-wrap{width:var(--container);padding:38px 0 72px}.role-dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.role-dashboard-heading .eyebrow{margin-bottom:6px}.role-dashboard-heading h1,.role-dashboard-heading h2{margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.25}.role-dashboard-heading p{max-width:700px;margin:7px 0 0;color:var(--muted)}.period-chip{flex:0 0 auto;min-width:180px;padding:11px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 8px 22px rgba(28,23,16,.05)}.period-chip small,.period-chip strong{display:block}.period-chip small{color:var(--muted);font-size:.76rem}.period-chip strong{font-size:.95rem}.employee-dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:start}.employee-history-panel{margin-top:20px}.revenue-entry-panel .form-submit-row{align-items:center}.form-submit-row small{color:var(--muted)}.field-unit,.optional-label{margin-inline-start:5px;color:var(--muted);font-size:.75rem;font-weight:600}.compact-empty{min-height:245px}.responsive-data-table .money-value{font-weight:700}
.client-shell{width:var(--container);max-width:1280px;padding:42px 0 72px}.client-hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:52px;align-items:center}.client-copy h1{font-size:clamp(2.2rem,3.7vw,3.6rem)}.client-copy>p{max-width:620px;font-size:1.02rem}.loyalty-progress{max-width:600px;margin-top:24px;padding:16px 18px;border:1px solid rgba(185,131,14,.2);border-radius:18px;background:rgba(255,255,255,.56)}.loyalty-progress>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:.86rem}.loyalty-progress>div:first-child span{color:var(--muted)}.loyalty-progress-bar{height:9px;overflow:hidden;border-radius:999px;background:rgba(23,22,20,.09)}.loyalty-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),#edc45b)}.loyalty-card{padding:28px;border:1px solid rgba(226,173,49,.2)}.loyalty-card .stamp-row{margin-block:22px}.qr-block{display:grid;justify-items:center;margin-top:17px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09)}.qr-block .qr-real{width:156px;height:156px;margin:0}.qr-block p{margin:7px 0 0;color:rgba(255,255,255,.65);font-size:.78rem}.reward-banner.ready{background:rgba(66,184,131,.17);color:#b4f0d3}.client-rewards-panel,.client-history-panel{margin-top:24px}.reward-options{display:grid;gap:11px}.reward-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#fffdf9}.reward-option.is-ready{border-color:rgba(25,122,81,.2);background:rgba(25,122,81,.04)}.reward-points{width:56px;height:56px;display:grid;place-items:center;align-content:center;border-radius:16px;background:rgba(226,173,49,.16);color:#7a5608}.reward-points strong{font-size:1.15rem;line-height:1.1}.reward-points span{font-size:.67rem}.reward-option h3{margin:0;font-size:1rem}.reward-option p{margin:1px 0 0;color:var(--muted);font-size:.82rem}.empty-state-card .btn{margin-top:12px}
.panel-head-linked{justify-content:flex-start}.panel-head-linked .action-link{margin-inline-start:8px}.settings-savebar{width:min(100%,520px);margin-right:auto;margin-left:0}.settings-savebar .btn{flex:0 0 auto}

@media(max-width:1020px){.employee-dashboard-grid,.client-hero{grid-template-columns:1fr}.client-hero{gap:28px}.client-copy{max-width:760px}.loyalty-card{max-width:680px;width:100%;margin:auto}}
@media(max-width:760px){.role-dashboard-heading{align-items:stretch;flex-direction:column;gap:14px}.period-chip{min-width:0}.employee-wrap,.client-shell{width:calc(100% - 20px);padding-top:26px}.responsive-table-wrap{overflow:visible;border:0}.responsive-data-table{min-width:0}.responsive-data-table thead{display:none}.responsive-data-table tbody{display:grid;gap:12px}.responsive-data-table tr{display:grid;padding:5px 14px;border:1px solid var(--line);border-radius:16px;background:#fffdf9}.responsive-data-table td{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 0;text-align:left;border-bottom:1px solid var(--line)}.responsive-data-table td:last-child{border-bottom:0}.responsive-data-table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:700;text-align:right}.responsive-data-table td strong{font-size:.93rem}.reward-option{grid-template-columns:auto 1fr}.reward-option>.pill{grid-column:2}.panel-head-linked{align-items:flex-start;flex-direction:column}.panel-head-linked .action-link{margin-inline-start:0}.settings-savebar{position:static;width:100%;margin:0;flex-direction:column}.client-copy .inline-actions{display:grid}.client-copy .inline-actions .btn,.client-copy .inline-actions .btn-outline{width:100%}}
@media(max-width:480px){.loyalty-progress>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.loyalty-card{padding:20px}.loyalty-card .stamp-row{grid-template-columns:repeat(3,1fr)}.reward-option{gap:11px;padding:12px}.reward-points{width:48px;height:48px}.client-rewards-panel,.client-history-panel{padding:16px}}

/* Clear, contextual modal actions. */
.form-modal .modal-head{align-items:flex-start}.form-modal .modal-head h3{margin:0}.form-modal .modal-head p{margin:2px 0 0;color:var(--muted);font-size:.86rem}.modal-form-note{margin:18px 0 0;padding:11px 13px;border-radius:13px;background:rgba(226,173,49,.1);color:#6d4c05;font-size:.82rem}.modal-actions{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.modal-actions .btn{min-width:150px}.modal-actions .btn-outline{min-width:92px}
@media(max-width:480px){.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .btn,.modal-actions .btn-outline{width:100%}}

/* Dashboard interaction and accessibility polish */
.app-main select,.employee-wrap select,.client-shell select,.modal select,.month-filter select,.status-form select,.stacked-status select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23171614' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 15px center!important;background-size:14px!important;padding-right:14px!important;padding-left:46px!important}
.month-filter[aria-busy="true"]{opacity:.72;cursor:wait}.required-label:after{content:' *';color:#b73e32}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#c94b3f!important;box-shadow:0 0 0 3px rgba(201,75,63,.1)!important}.client-error{display:block;margin-top:6px;color:#a9342a;font-size:.78rem;font-weight:700}.modal-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.action-link{color:#795407}.action-link:hover{text-decoration-thickness:2px}.action-link:focus-visible{outline:3px solid rgba(226,173,49,.32);outline-offset:4px;border-radius:5px}.settings-savebar{position:static!important;bottom:auto!important;width:100%!important;margin:0!important}.button-icon{display:inline-block;margin-inline-start:.2em;direction:ltr}.confirmation-summary{display:grid;gap:8px;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fffaf0}.confirmation-summary div{display:flex;justify-content:space-between;gap:20px}.confirm-modal{max-width:510px}.danger-btn{background:#a9382f!important;color:#fff!important}.danger-btn:hover{background:#8f2e27!important}button[disabled],.btn[aria-busy="true"],.btn-outline[aria-busy="true"]{cursor:not-allowed!important;opacity:.58!important;box-shadow:none!important;transform:none!important}.money-value,bdi[dir="ltr"],input[inputmode="decimal"],input[type="number"]{font-variant-numeric:tabular-nums}.data-table tbody tr{transition:background-color .16s ease}.data-table tbody tr:hover{background:rgba(226,173,49,.035)}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.table-tools label{flex:1;max-width:360px}.table-tools input{width:100%;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:13px;background:#fffdfa;font:inherit}.table-tools>div{display:flex;align-items:center;gap:8px}.table-tools .btn-outline{min-height:40px;padding:7px 13px}.table-result-count{color:var(--muted);font-size:.78rem}.data-table tr[hidden]{display:none!important}
@media(max-width:760px){.app-tabs-wrap{scroll-padding-inline:18px}.mobile-card-table{min-width:0!important}.mobile-card-table thead{display:none}.mobile-card-table tbody{display:grid;gap:12px}.mobile-card-table tbody tr{display:grid;padding:6px 14px;border:1px solid var(--line);border-radius:16px;background:#fffdfa;box-shadow:0 7px 20px rgba(28,23,16,.035)}.mobile-card-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0!important;text-align:left!important;border:0!important;border-bottom:1px solid var(--line)!important;white-space:normal}.mobile-card-table tbody td:last-child{border-bottom:0!important}.mobile-card-table tbody td:before{content:attr(data-label);flex:0 0 40%;color:var(--muted);font-size:.76rem;font-weight:800;text-align:right}.mobile-card-table .inline-actions{justify-content:flex-end;flex-wrap:wrap}.mobile-card-table form{max-width:58%}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .btn,.modal-actions .btn-outline{width:100%;min-width:0}.settings-savebar{align-items:stretch}.confirm-modal{width:calc(100% - 24px)}}
@media(max-width:760px){.table-tools{align-items:stretch;flex-direction:column}.table-tools label{max-width:none}.table-tools>div{justify-content:space-between}.table-result-count{margin-inline-end:auto}}

/* Owner navigation: clear groups, stronger interaction states, and mobile scroll affordance. */
.app-tabs{scroll-padding-inline:18px;overscroll-behavior-inline:contain}
.app-tabs a{position:relative;display:inline-flex;align-items:center;min-height:46px;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}
.app-tabs a:hover{color:var(--ink);background:rgba(23,22,20,.06)}
.app-tabs a.active,.app-tabs a.active:hover{color:#fff;background:#1c1b18;box-shadow:0 8px 20px rgba(23,22,20,.14)}
.app-tabs a:focus-visible{outline:3px solid rgba(185,131,14,.72);outline-offset:2px}
.app-tabs a.nav-group-start{margin-inline-start:16px}
.app-tabs a.nav-group-start:before{content:'';position:absolute;inset-inline-start:-11px;top:22%;bottom:22%;width:1px;background:rgba(23,22,20,.14);pointer-events:none}
@media(max-width:760px){
  .app-tabs-wrap:before,.app-tabs-wrap:after{content:'';position:absolute;z-index:2;top:0;bottom:0;width:22px;pointer-events:none}
  .app-tabs-wrap:before{right:0;background:linear-gradient(to left,rgba(250,246,238,.98),rgba(250,246,238,0))}
  .app-tabs-wrap:after{left:0;background:linear-gradient(to right,rgba(250,246,238,.98),rgba(250,246,238,0))}
  .app-tabs a.nav-group-start{margin-inline-start:12px}
}

/* Required-field guidance: state the rule once instead of repeating noisy asterisks. */
.required-label:after{content:none!important}
.form-requirements{margin:0 0 16px;padding:10px 13px;border-radius:12px;background:rgba(226,173,49,.1);color:#6f5520;font-size:.84rem}
.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-actions form{margin:0}.row-actions .action-link{white-space:nowrap}

/* WCAG AA text colours on the light cream surfaces. */
:root{--muted:#736b61;--gold2:#8d6107}

/* Arabic Gregorian booking calendar. Native date input remains as the no-JS fallback. */
.arabic-date-picker{position:relative}
.table-wrap.has-open-date-picker{overflow:visible}
.arabic-date-picker.is-enhanced>input{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.arabic-date-trigger{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:10px 13px;border:1px solid rgba(23,22,20,.12);border-radius:14px;background:#fffdfa;color:var(--muted);font:inherit;text-align:right;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.arabic-date-picker.is-enhanced>.arabic-date-trigger{display:flex}
.arabic-date-trigger.has-value{color:var(--ink)}
.arabic-date-trigger:hover{background:#fff}
.arabic-date-trigger:focus-visible{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,173,49,.16)}
.arabic-date-trigger[aria-invalid="true"],.field.has-error .arabic-date-trigger{border-color:var(--red);box-shadow:0 0 0 3px rgba(180,64,53,.08)}
.arabic-date-trigger svg{flex:0 0 auto;color:#8d6107}
.arabic-date-dialog{position:absolute;z-index:75;inset-inline-start:0;top:calc(100% + 8px);width:min(354px,calc(100vw - 32px));padding:14px;border:1px solid rgba(23,22,20,.14);border-radius:20px;background:#fffdfa;box-shadow:0 22px 55px rgba(28,23,16,.2)}
.arabic-date-dialog[hidden]{display:none!important}
.arabic-date-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:7px;margin-bottom:10px}
.arabic-date-header strong{text-align:center;font-size:.98rem}
.arabic-date-jump{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(78px,.8fr);gap:6px;align-items:center}
.arabic-date-jump select{min-width:0;height:42px;border:1px solid rgba(23,22,20,.12);border-radius:11px;background:#fffdfa;padding:5px 8px;font:inherit;font-size:.82rem;font-weight:800;color:var(--ink);outline:none}
.arabic-date-jump select:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,173,49,.16)}
.arabic-date-header button,.arabic-date-footer button{min-width:42px;min-height:42px;border:0;border-radius:12px;background:rgba(226,173,49,.12);color:#6f4e08;font:inherit;font-weight:900;cursor:pointer}
.arabic-date-header button{font-size:1.55rem;line-height:1}
.arabic-date-header button svg{display:block;width:20px;height:20px;margin:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.arabic-date-header button:hover,.arabic-date-footer button:hover{background:rgba(226,173,49,.22)}
.arabic-date-header button:focus-visible,.arabic-date-footer button:focus-visible,.arabic-date-days button:focus-visible{outline:3px solid rgba(185,131,14,.48);outline-offset:2px}
.arabic-date-header button:disabled{opacity:.3;cursor:not-allowed}
.arabic-date-weekdays,.arabic-date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.arabic-date-weekdays{margin-bottom:5px;color:var(--muted);font-size:.75rem;font-weight:800;text-align:center}
.arabic-date-weekdays abbr{padding:5px 0;text-decoration:none}
.arabic-date-days button,.arabic-date-spacer{aspect-ratio:1;min-width:0}
.arabic-date-days button{display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}
.arabic-date-days button:hover:not(:disabled){background:rgba(226,173,49,.14)}
.arabic-date-days button.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px rgba(141,97,7,.55);color:#765006}
.arabic-date-days button.is-selected{background:var(--ink);color:#fff;box-shadow:0 6px 14px rgba(23,22,20,.18)}
.arabic-date-days button:disabled{color:#c5beb4;cursor:not-allowed}
.arabic-date-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.arabic-date-footer button{padding:0 14px;font-size:.82rem}
.arabic-date-footer small{color:var(--muted);font-size:.72rem}
.arabic-date-picker.is-compact .arabic-date-dialog{width:min(326px,calc(100vw - 32px));padding:12px}
.arabic-date-readonly{display:flex;align-items:center;width:100%;min-height:46px;padding:9px 13px;border:1px solid rgba(23,22,20,.09);border-radius:13px;background:rgba(23,22,20,.035);color:#554e45;font-weight:700}
.arabic-date-readonly>input,.arabic-month-native{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.arabic-month-picker{display:grid;grid-template-columns:1.25fr 1fr;gap:9px;width:100%}
.arabic-month-picker select{width:100%;min-height:50px;border:1px solid rgba(23,22,20,.12);border-radius:14px;background:#fffdfa;padding:9px 13px;font:inherit;color:var(--ink);outline:none}
.arabic-month-picker select:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,173,49,.16)}
@media(max-width:480px){.arabic-date-dialog{position:fixed;inset:auto 12px 18px;width:auto;border-radius:22px}.arabic-date-days button{min-height:40px;aspect-ratio:auto}}
