@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap";:root{--bg: #0a1524;--bg2: #0e1e33;--card: rgba(255,255,255,.045);--card-hover: rgba(255,255,255,.075);--sidebar: #08111f;--gold: #e8b54a;--gold-soft: #f0c86b;--blue: #2f9ad8;--blue-soft: #38bdf8;--text: #eaf2fb;--muted: #8ca2bc;--border: rgba(255,255,255,.08);--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Noto Sans Arabic,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand-name,.stat-val{font-family:Noto Naskh Arabic,serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 50% at 15% 0%,rgba(47,154,216,.22),transparent 60%),radial-gradient(50% 45% at 85% 10%,rgba(232,181,74,.16),transparent 60%),radial-gradient(55% 55% at 50% 100%,rgba(38,92,150,.18),transparent 65%);animation:aurora 14s ease-in-out infinite alternate}@keyframes aurora{0%{opacity:.7;transform:translateY(0)}to{opacity:1;transform:translateY(-12px)}}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}code{background:#ffffff1a;padding:1px 6px;border-radius:6px;font-size:.85em}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:32px 16px;gap:24px;align-content:center}.login-brand{text-align:center}.login-brand .logo-mark{margin:0 auto 14px}.login-brand h1{font-size:clamp(22px,3.5vw,30px)}.login-brand p{color:var(--muted)}.login-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.login-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.login-title h2{font-size:20px}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}.input-ico{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:0 12px}.input-ico svg{color:var(--muted);flex:none}.input-ico input{flex:1;background:transparent;border:none;outline:none;color:var(--text);padding:11px 0}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:9px 16px;border-radius:10px;font-size:14px;transition:all .2s}.btn:hover{background:#ffffff1f}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold),#d89b2e);color:#1a1204;border:none;font-weight:700}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn-block{width:100%;margin-top:14px}.demo-box{margin-top:20px;border-top:1px dashed var(--border);padding-top:16px}.demo-title{font-size:12px;color:var(--muted);margin-bottom:10px}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-chip{background:#2f9ad81f;border:1px solid rgba(47,154,216,.3);color:var(--blue-soft);border-radius:9px;padding:7px 8px;font-size:12px;transition:all .2s}.demo-chip:hover{background:#2f9ad840;transform:translateY(-1px)}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;background:var(--sidebar);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;border-bottom:1px solid var(--border);margin-bottom:16px}.brand-name{font-size:15px;color:var(--gold-soft)}.brand-sub{font-size:11px;color:var(--muted)}.logo-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#d89b2e);color:#1a1204}.logo-mark.sm{width:36px;height:36px;border-radius:10px}nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:14px;text-align:right;transition:all .2s}.nav-item:hover{background:#ffffff0f;color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#e8b54a2e,#2f9ad824);color:var(--gold-soft);border-inline-start:3px solid var(--gold)}.sidebar-foot{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);padding:12px 6px 2px;border-top:1px solid var(--border)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;border-bottom:1px solid var(--border);background:#08111f99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-title{font-family:Noto Naskh Arabic,serif;font-size:17px}.topbar-user{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--gold));display:grid;place-items:center;font-weight:700;color:#08111f}.user-meta{text-align:right}.user-name{font-size:13px;line-height:1.3}.user-role{font-size:11px;color:var(--gold-soft)}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);transition:all .2s}.icon-btn:hover{background:#ffffff1f;color:var(--text)}.icon-btn.danger:hover{color:var(--red);border-color:#ef444466}.content{padding:26px;max-width:1200px;width:100%;margin:0 auto}.stack{display:flex;flex-direction:column;gap:20px}.page-head h2{font-size:22px;margin-bottom:4px}.page-head p{color:var(--muted);font-size:14px}.page-head.row{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h3{font-size:16px;margin-bottom:6px}.card-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.card-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px}.card-ico.gold{background:#e8b54a26;color:var(--gold-soft)}.cards-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);transition:all .25s}.stat:hover{transform:translateY(-3px);background:var(--card-hover)}.stat-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none}.stat.blue .stat-ico{background:#2f9ad829;color:var(--blue-soft)}.stat.gold .stat-ico{background:#e8b54a29;color:var(--gold-soft)}.stat.solid{background:linear-gradient(135deg,#e8b54a33,#2f9ad81f)}.stat-val{font-size:24px}.stat-label{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{padding:11px 14px;text-align:right;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:500;border-bottom:1px solid var(--border);background:#ffffff08}td{border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff08}.dim{color:var(--muted)}.center{text-align:center}.money{font-weight:600;color:var(--gold-soft)}.masked{color:var(--amber);letter-spacing:2px;font-weight:600}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.b-green{background:#22c55e26;color:#4ade80}.b-blue{background:#2f9ad829;color:var(--blue-soft)}.b-amber{background:#f59e0b29;color:#fbbf24}.b-red{background:#ef444429;color:#f87171}.perm{display:inline-block;font-size:11px;padding:3px 9px;border-radius:8px;background:#2f9ad824;color:var(--blue-soft)}.perm-all{background:#e8b54a2e;color:var(--gold-soft);font-weight:700}.perm-none{background:transparent;color:var(--muted)}.matrix th,.matrix td{white-space:normal;min-width:92px}.role-cell{min-width:180px}.role-cell span{display:block;font-size:11px;margin-top:3px}.actions{text-align:left}.in{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px;margin-bottom:4px;outline:none}.in:focus{border-color:var(--blue)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040911b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:16px}.modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:#0e1e33;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0e1e33}.modal-head h3{font-size:16px}.modal-body{padding:18px 20px}.modal-body label{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.activity{list-style:none;display:flex;flex-direction:column;gap:6px}.activity li{display:flex;align-items:center;gap:12px;font-size:13px;flex-wrap:wrap}.err{color:#f87171;font-size:13px}.gold{color:var(--gold-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content>.stack{animation:fadeUp .35s ease}@media (max-width: 820px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:column;padding:12px}.brand{padding-bottom:10px}nav{flex-direction:row;flex-wrap:wrap}.sidebar-foot{display:none}.content{padding:16px}.topbar{padding:12px 16px}.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.err-boundary{max-width:720px;margin:60px auto;padding:28px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);direction:rtl}.err-boundary h2{margin-bottom:10px}.err-boundary pre{white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--muted);background:#0000004d;padding:14px;border-radius:8px;margin-top:12px}.login-tabs{display:flex;gap:6px;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:4px;width:100%;max-width:440px}.login-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:none;background:transparent;color:var(--muted);border-radius:9px;font-size:14px;transition:all .2s}.login-tab.active{background:linear-gradient(135deg,#e8b54a33,#2f9ad824);color:var(--gold-soft)}.link-btn{display:inline-flex;align-items:center;gap:6px;margin:12px auto 0;background:none;border:none;color:var(--blue-soft);font-size:13px;width:100%;justify-content:center}.link-btn:hover{color:var(--gold-soft)}.eyebrow{display:block;font-size:12.5px;color:var(--gold-soft);margin-bottom:6px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ok{color:#4ade80;font-size:13px;margin-top:8px}.row-btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center}.cust-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,#e8b54a24,#2f9ad81f);overflow:hidden}.cust-hero-text h2{font-size:24px;margin:6px 0 8px}.cust-hero-text p{color:var(--muted);max-width:560px;margin-bottom:16px}.cust-hero-art{flex:none;color:#e8b54a80}.next-trip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.next-trip-name{font-size:16px}.next-trip-main,.next-trip-side{display:flex;flex-direction:column;gap:4px}.next-trip-side{align-items:flex-end}.empty-hint{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:34px 20px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.profile-name{font-size:17px;font-family:Noto Naskh Arabic,serif}.avatar.lg{width:58px;height:58px;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-field label{display:inline-flex;align-items:center;gap:5px;margin:0 0 6px}.form-field.full{grid-column:1 / -1}.stepper{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.step-dot{display:flex;align-items:center;gap:8px;color:var(--muted)}.step-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border);font-size:12px}.step-dot.active .step-num{background:linear-gradient(135deg,var(--gold),#d89b2e);color:#1a1204;font-weight:700}.step-dot.done .step-num{background:#22c55e33;color:#4ade80}.step-dot.active .step-label{color:var(--text)}.step-label{font-size:12.5px}.wiz-pick{margin:8px 0 14px;font-size:14px}.wiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.stepper-row{display:grid;grid-template-columns:repeat(2,minmax(180px,240px));gap:16px;margin:12px 0}.num-field label{margin:0 0 8px}.num-control{display:flex;align-items:center;gap:4px;margin-bottom:6px}.num-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:18px}.num-btn:hover{background:#ffffff1f}.num-val{min-width:60px;text-align:center;font-size:22px;font-family:Noto Naskh Arabic,serif}.prog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:8px}.prog-card{display:flex;flex-direction:column;text-align:right;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden;transition:all .25s;color:var(--text)}.prog-card:hover{transform:translateY(-4px);border-color:#e8b54a66}.prog-img{height:130px;background-size:cover;background-position:center;position:relative}.prog-region{position:absolute;top:8px;inset-inline-start:8px;background:#08111fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 10px;border-radius:999px;font-size:11px;color:var(--gold-soft)}.prog-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}.prog-name{font-size:15px;font-family:Noto Naskh Arabic,serif;color:var(--text)}.prog-desc{font-size:12.5px;color:var(--muted);line-height:1.6}.prog-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0 4px}.pkg-card{text-align:right;border:1px solid var(--border);border-radius:13px;background:var(--card);padding:16px;color:var(--text);transition:all .22s;display:flex;flex-direction:column;gap:7px}.pkg-card:hover{transform:translateY(-3px)}.pkg-card.selected{border-color:var(--gold);background:linear-gradient(135deg,#e8b54a29,#2f9ad814);box-shadow:0 0 0 1px var(--gold) inset}.pkg-name{font-size:15px;font-family:Noto Naskh Arabic,serif}.pkg-desc{font-size:12.5px;color:var(--muted);line-height:1.6}.pkg-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.pkg-rate{font-size:12px}.addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:8px 0 4px}.addon-card{display:flex;gap:12px;align-items:flex-start;text-align:right;border:1px solid var(--border);border-radius:13px;background:var(--card);padding:14px;color:var(--text);transition:all .22s}.addon-card:hover{transform:translateY(-2px)}.addon-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.addon-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#2f9ad829;color:var(--blue-soft);flex:none}.addon-card.selected .addon-ico{background:#e8b54a33;color:var(--gold-soft)}.addon-body{display:flex;flex-direction:column;gap:3px}.addon-name{font-size:14px;display:inline-flex;align-items:center;gap:6px}.addon-desc{font-size:12px;color:var(--muted)}.addon-price{font-size:12px}.summary{display:flex;flex-direction:column;gap:8px;margin:6px 0 16px}.sum-line{display:flex;justify-content:space-between;gap:12px;font-size:14px}.sum-line.total{border-top:1px dashed var(--border);padding-top:12px;margin-top:6px;font-size:17px}.success-card{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.success-card h2{font-size:22px}.booking-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.booking-main{display:flex;flex-direction:column;gap:5px}.booking-name{font-size:16px;font-family:Noto Naskh Arabic,serif}.booking-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.booking-meta span{display:inline-flex;align-items:center;gap:5px}.booking-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}@media (max-width: 620px){.cust-hero-art{display:none}.stepper-row,.form-grid{grid-template-columns:1fr}.booking-side,.next-trip-side{align-items:flex-start}}