@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b676bcffc00356a-s.p.24y4-vc3jpn8m.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1d2cc0c079997359-s.p.44lktk7jzy0s-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d54db18e8cd5f74f-s.p.0ji0xjltb6ro5.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f0e0669539caf32a-s.p.2cslzs_83-cos.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48e6fa8a5baca31f-s.p.14yttwb5hb7vt.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e7b64a7fde1a3d32-s.p.2g2pkky1i4_-n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e9f32d51db34fd0c-s.p.3dvstry878_5j.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a11ec078145f8b0e-s.p.0w67dn99s6t4y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal Fallback;src:local(Arial);ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.tajawal_57417b29-module__whqhSG__className{font-family:Tajawal,Tajawal Fallback;font-style:normal}.tajawal_57417b29-module__whqhSG__variable{--font-tajawal:"Tajawal", "Tajawal Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--navy-900:#0f1b33;--navy-800:#16264a;--navy-700:#1f3564;--navy-100:#e6ebf5;--teal-700:#0b7a70;--teal-600:#0e9488;--teal-500:#14b8a6;--teal-100:#d9f3ef;--amber-500:#f59e0b;--red-600:#dc2626;--red-50:#fef2f2;--green-600:#16a34a;--green-50:#f0fdf4;--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f3f8;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--primary:var(--navy-800);--primary-hover:var(--navy-700);--accent:var(--teal-600);--accent-hover:var(--teal-700);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f1b330f;--shadow:0 4px 16px #0f1b3314;--container:1200px;--font-ar:var(--font-tajawal), "Cairo", "Segoe UI", Tahoma, sans-serif;--font-en:var(--font-inter), "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-en);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;font-size:15px;line-height:1.55;display:flex}html[lang=ar] body{font-family:var(--font-ar);font-size:16px}main{flex:1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{color:var(--navy-900);margin:0;font-weight:700;line-height:1.25}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--space-4);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:10px 18px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--navy{background:var(--primary);color:#fff}.btn--navy:hover:not(:disabled){background:var(--primary-hover)}.btn--outline{border-color:var(--border-strong);color:var(--navy-800);background:0 0}.btn--outline:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{color:var(--navy-800);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{background:var(--red-600);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--sm{padding:6px 12px;font-size:.9em}.btn--block{width:100%}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.header__inner{align-items:center;gap:var(--space-4);min-height:64px;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--navy-900);font-size:1.25rem;font-weight:800;display:flex}.brand__mark{background:linear-gradient(135deg, var(--navy-800), var(--teal-500));color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:.9rem;display:grid}.nav{align-items:center;gap:var(--space-1);margin-inline-start:auto;display:flex}.nav__link{border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-weight:500}.nav__link:hover{background:var(--surface-2);color:var(--navy-900)}.nav__user{color:var(--navy-800);font-weight:600}.lang-switch{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.9em;font-weight:600}.lang-switch:hover{border-color:var(--border-strong);background:var(--surface-2)}.site-footer{background:var(--navy-900);color:#c7d0e0;padding-block:var(--space-10) var(--space-6);margin-block-start:var(--space-16);font-size:.95em}.site-footer h4{color:#fff;margin-block-end:var(--space-3)}.site-footer a:hover{color:#fff}.footer__grid{gap:var(--space-8);grid-template-columns:2fr 1fr 1fr;display:grid}.footer__links li{margin-block-end:var(--space-2)}.footer__bottom{color:#94a3b8;border-top:1px solid #ffffff1f;margin-block-start:var(--space-8);padding-block-start:var(--space-4);font-size:.9em}.hero{background:radial-gradient(1200px 400px at 20% -10%, #14b8a659, transparent 60%),linear-gradient(160deg, var(--navy-900), var(--navy-700));color:#fff;padding-block:var(--space-12) var(--space-16)}.hero h1{color:#fff;margin-block-end:var(--space-3);font-size:clamp(1.75rem,4vw,2.75rem)}.hero__subtitle{color:#d5deef;max-width:640px;margin-block-end:var(--space-8);font-size:1.1rem}.search-form{background:var(--surface);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(6,1fr) auto;align-items:end;display:grid}.search-form .field--wide{grid-column:span 1}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-muted);font-size:.85em;font-weight:600}.field__hint{color:var(--text-muted);font-size:.8em}.field__error{color:var(--red-600);font-size:.85em}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:42px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--teal-500);outline-offset:1px;border-color:var(--teal-500)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-muted)}.textarea{resize:vertical;min-height:96px}.section{padding-block:var(--space-12)}.section__head{margin-block-end:var(--space-6)}.section__title{font-size:1.6rem}.section__subtitle{color:var(--text-muted);margin-block-start:var(--space-1)}.city-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.city-card{border-radius:var(--radius);min-height:150px;padding:var(--space-4);color:#fff;background:linear-gradient(160deg, var(--navy-700), var(--teal-600));box-shadow:var(--shadow-sm);align-items:flex-end;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.city-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.city-card__name{font-size:1.2rem;font-weight:700}.city-card__gov{opacity:.85;font-size:.9em}.steps{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.step__num{background:var(--teal-100);width:40px;height:40px;color:var(--teal-700);border-radius:50%;place-items:center;margin-block-end:var(--space-3);font-weight:800;display:grid}.step h3{margin-block-end:var(--space-2)}.step p{color:var(--text-muted)}.page-head{padding-block:var(--space-6) var(--space-4)}.page-head h1{font-size:1.5rem}.page-head__meta{color:var(--text-muted);margin-block-start:var(--space-1)}.search-layout{gap:var(--space-6);grid-template-columns:280px 1fr;align-items:start;display:grid}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);position:sticky;top:80px}.filters__title{margin-block-end:var(--space-3);font-size:1.05rem}.filters__group{padding-block:var(--space-3);border-top:1px solid var(--border)}.filters__group h4{color:var(--text-muted);margin-block-end:var(--space-2);font-size:.9em}.filters__row{gap:var(--space-2);display:flex}.filters__actions{gap:var(--space-2);margin-block-start:var(--space-3);display:flex}.check{align-items:center;gap:var(--space-2);cursor:pointer;padding-block:4px;display:flex}.check input{accent-color:var(--teal-600);width:16px;height:16px}.results{gap:var(--space-4);flex-direction:column;display:flex}.results__bar{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-muted);display:flex}.hotel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:260px 1fr auto;transition:box-shadow .15s;display:grid;overflow:hidden}.hotel-card:hover{box-shadow:var(--shadow)}.hotel-card__media{background:linear-gradient(160deg, var(--navy-100), var(--teal-100));min-height:180px;color:var(--navy-700);place-items:center;display:grid}.hotel-card__media img{object-fit:cover;width:100%;height:100%}.hotel-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.hotel-card__title{font-size:1.15rem}.hotel-card__place{color:var(--text-muted);font-size:.95em}.hotel-card__aside{padding:var(--space-4);border-inline-start:1px solid var(--border);text-align:end;flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:170px;display:flex}.price__label{color:var(--text-muted);font-size:.8em}.price__value{color:var(--navy-900);font-size:1.35rem;font-weight:800}.price__unit{color:var(--text-muted);font-size:.8em}.stars{color:var(--amber-500);letter-spacing:1px;font-size:.95em}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);color:var(--navy-800);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.85em;display:inline-block}.pager{justify-content:center;align-items:center;gap:var(--space-3);padding-block:var(--space-4);color:var(--text-muted);display:flex}.state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-10) var(--space-6);text-align:center}.state__icon{margin-block-end:var(--space-3);font-size:2rem}.state h2,.state h3{margin-block-end:var(--space-2)}.state p{color:var(--text-muted);max-width:520px;margin-inline:auto}.state__actions{justify-content:center;gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);padding:10px 14px;font-size:.95em}.alert--error{background:var(--red-50);color:#991b1b;border-color:#fecaca}.alert--success{background:var(--green-50);color:#166534;border-color:#bbf7d0}.alert--info{background:var(--teal-100);color:var(--teal-700);border-color:#99e6dc}.alert ul{margin-block-start:6px;padding-inline-start:18px;list-style:outside}.hotel-head{padding-block:var(--space-6) var(--space-4);justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.hotel-head h1{font-size:1.75rem}.gallery{gap:var(--space-2);border-radius:var(--radius-lg);grid-template-rows:200px 200px;grid-template-columns:2fr 1fr;display:grid;overflow:hidden}.gallery__item{background:linear-gradient(160deg, var(--navy-100), var(--teal-100));color:var(--navy-700);place-items:center;font-weight:600;display:grid}.gallery__item:first-child{grid-row:span 2}.gallery__item img{object-fit:cover;width:100%;height:100%}.two-col{gap:var(--space-6);grid-template-columns:1fr 340px;align-items:start;margin-block-start:var(--space-6);display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.card+.card{margin-block-start:var(--space-4)}.card h2{margin-block-end:var(--space-3);font-size:1.2rem}.card h3{font-size:1.05rem}.card--muted{background:var(--surface-2);color:var(--text-muted)}.map-placeholder{border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 10px, #e8edf5 10px, #e8edf5 20px);height:200px;color:var(--text-muted);place-items:center;display:grid}.kv{gap:6px var(--space-4);grid-template-columns:auto 1fr;display:grid}.kv dt{color:var(--text-muted)}.kv dd{margin:0;font-weight:500}.room{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--surface);margin-block-start:var(--space-4)}.room__head{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.room__meta{color:var(--text-muted);font-size:.9em}.room--unavailable{opacity:.6}.rate-plan{align-items:center;gap:var(--space-4);padding:var(--space-3);border-top:1px solid var(--border);grid-template-columns:1fr auto auto;display:grid}.rate-plan__name{font-weight:600}.rate-plan__meta{color:var(--text-muted);font-size:.85em}.rate-plan--unavailable{opacity:.6}.auth-wrap{max-width:440px;padding-block:var(--space-12);margin-inline:auto}.form{gap:var(--space-4);flex-direction:column;display:flex}.form__row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form__foot{text-align:center;color:var(--text-muted);font-size:.95em}.form__foot a{color:var(--teal-700);font-weight:600}.account-layout{gap:var(--space-6);padding-block:var(--space-6);grid-template-columns:240px 1fr;align-items:start;display:grid}.account-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2)}.account-nav a,.account-nav button{text-align:start;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;width:100%;padding:10px 12px;display:block}.account-nav a:hover,.account-nav button:hover{background:var(--surface-2)}.account-nav a.is-active,.account-nav button.is-active{background:var(--navy-100);color:var(--navy-900);font-weight:600}.booking-row{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto;display:grid}.booking-row+.booking-row{margin-block-start:var(--space-3)}.booking-row__meta{color:var(--text-muted);font-size:.9em}.badge{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:2px 10px;font-size:.8em;font-weight:600;display:inline-block}.badge--pending{color:#92400e;background:#fef3c7}.badge--confirmed,.badge--checked_in{background:var(--green-50);color:#166534}.badge--declined,.badge--cancelled,.badge--no_show{background:var(--red-50);color:#991b1b}.badge--checked_out{background:var(--navy-100);color:var(--navy-800)}.book-layout{gap:var(--space-6);padding-block:var(--space-6);grid-template-columns:1fr 360px;align-items:start;display:grid}.tabs{gap:var(--space-1);background:var(--surface-2);border-radius:var(--radius-sm);margin-block-end:var(--space-4);padding:4px;display:flex}.tabs__tab{border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--text-muted);background:0 0;border:0;flex:1;padding:8px 12px;font-weight:600}.tabs__tab:hover{color:var(--text)}.tabs__tab.is-active{background:var(--surface);color:var(--navy-800);box-shadow:var(--shadow-sm)}.stay-form{gap:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);grid-template-columns:repeat(4,1fr) auto;align-items:end;margin-block-start:var(--space-3);display:grid}.modal{z-index:50;padding:var(--space-4);background:#0f1b3373;place-items:center;display:grid;position:fixed;inset:0}.modal__panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5);width:min(480px,100%);max-height:90vh;overflow:auto}.modal__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.booking-row__aside{justify-content:space-between;align-items:flex-end;gap:var(--space-2);text-align:end;flex-direction:column;display:flex}.booking-row__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.timeline{border-inline-start:2px solid var(--border);margin:0;padding:0;padding-inline-start:var(--space-5);list-style:none}.timeline__item{padding-block:var(--space-2);gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;display:flex;position:relative}.timeline__item:before{content:"";inset-inline-start:calc(-1*var(--space-5) - 7px);background:var(--border-strong);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:18px}.timeline__item.is-done:before{background:var(--green-600)}.timeline__item.is-bad:before{background:var(--red-600)}.timeline__item.is-waiting:before{background:var(--amber-500)}.timeline__label{font-weight:600}.timeline__at{color:var(--text-muted);font-size:.9em}.breakdown{margin-block-start:var(--space-3)}.breakdown dd{text-align:end;font-weight:500}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, #e8edf5 37%, var(--surface-2) 63%);border-radius:var(--radius-sm);background-size:800px 100%;min-height:16px;animation:1.4s linear infinite shimmer}@media (max-width:1024px){.search-form{grid-template-columns:repeat(3,1fr)}.search-form .btn{grid-column:1/-1}.city-grid{grid-template-columns:repeat(2,1fr)}.two-col,.book-layout{grid-template-columns:1fr}}@media (max-width:768px){.header__inner{padding-block:var(--space-2);flex-wrap:wrap}.nav{width:100%;margin-inline-start:0;overflow-x:auto}.search-form{grid-template-columns:1fr 1fr}.steps,.search-layout,.account-layout,.footer__grid{grid-template-columns:1fr}.filters{position:static}.hotel-card{grid-template-columns:1fr}.hotel-card__aside{border-inline-start:0;border-top:1px solid var(--border);text-align:start;flex-direction:row;align-items:center}.gallery{grid-template-rows:220px;grid-template-columns:1fr}.gallery__item:not(:first-child){display:none}.rate-plan,.form__row,.stay-form,.booking-row{grid-template-columns:1fr}.booking-row__aside,.booking-row__actions{text-align:start;justify-content:flex-start;align-items:stretch}}.nav__bell{align-items:center;gap:4px;display:inline-flex;position:relative}.nav__bell-count{background:var(--red-600);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-inline-size:20px;padding:1px 6px;font-size:.72em;font-weight:700;line-height:1.5}.nav__link--hotels{color:var(--accent-hover);font-weight:600}.notice-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.notice{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--border-strong);border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.notice--unread{border-color:var(--navy-100);background:#f8fbff}.notice--confirmed{border-inline-start-color:var(--green-600)}.notice--declined,.notice--cancelled,.notice--no_show{border-inline-start-color:var(--red-600)}.notice--expired{border-inline-start-color:var(--amber-500)}.notice__icon{font-size:1.4rem;line-height:1.2}.notice__title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);flex-wrap:wrap;font-size:1.02rem;display:flex}.notice__new{background:var(--navy-800);color:#fff;border-radius:999px;padding:1px 8px;font-size:.72em;font-weight:600}.notice__text{margin:0 0 var(--space-1)}.notice__meta{color:var(--text-muted);margin:0;font-size:.9em}.notice__reason{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);font-size:.92em}.notice__aside{align-items:flex-end;gap:var(--space-2);color:var(--text-muted);white-space:nowrap;flex-direction:column;font-size:.85em;display:flex}.hero__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.hero__note{opacity:.85;max-inline-size:56ch;margin-block-start:var(--space-4);font-size:.95em}.btn--on-dark{color:#fff;background:0 0;border-color:#ffffff8c}.btn--on-dark:hover{color:#fff;background:#ffffff1f}.section--alt{background:var(--surface-2)}.feature-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.feature-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.feature-card h3{margin:0 0 var(--space-2);color:var(--navy-800);font-size:1.05rem}.feature-card p{color:var(--text-muted);margin:0;line-height:1.7}.steps--four{grid-template-columns:repeat(4,1fr)}.cta-band{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--navy-800);color:#fff;flex-wrap:wrap;display:flex}.cta-band h2{margin:0 0 var(--space-2);font-size:1.3rem}.cta-band p{opacity:.9;max-inline-size:62ch;margin:0;line-height:1.7}@media (max-width:860px){.steps--four{grid-template-columns:repeat(2,1fr)}.notice{grid-template-columns:auto 1fr}.notice__aside{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}}
