@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Josefin+Sans:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&display=swap");:root{--color-primary:#0f766e;--color-secondary:#14b8a6;--color-cta:#0369a1;--color-background:#f0fdfa;--color-text:#134e4a;--color-surface:#fff;--color-muted:#e2e8f0;--color-border:#cbd5f5;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Josefin Sans,system-ui,sans-serif;color:var(--color-text);background:radial-gradient(circle at top,rgba(20,184,166,.2),transparent 60%),linear-gradient(120deg,#f0fdfa,#fff 40%,#f0fdfa)}h1,h2,h3,h4{font-family:Cinzel,serif;letter-spacing:.02em}html[lang=ar] body{font-family:Noto Naskh Arabic,Josefin Sans,system-ui,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{font-family:Noto Naskh Arabic,Cinzel,serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;text-align:start}.app-shell{grid-template-columns:240px 1fr}.app-shell,.auth-shell{display:grid;min-height:100vh}.auth-shell{position:relative;place-items:center;padding:2.5rem 1.25rem;overflow:hidden;background:#071421}.auth-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(7,20,33,.92),rgba(7,20,33,.62) 40%,rgba(7,20,33,.25)),radial-gradient(900px 520px at 20% 15%,rgba(56,189,248,.18),transparent 60%),radial-gradient(880px 520px at 85% 25%,rgba(251,146,60,.26),transparent 62%),url(/auth/login-bg.jpg);background-size:cover;background-position:50%;filter:saturate(1.06) contrast(1.06);transform:scale(1.04);animation:auth-bg-drift 16s ease-in-out infinite}.auth-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 28% 30%,rgba(15,23,42,.12),transparent 60%),linear-gradient(180deg,rgba(15,23,42,.12),rgba(15,23,42,.6));pointer-events:none}@keyframes auth-bg-drift{0%{background-position:50%}50%{background-position:54% 46%}to{background-position:50%}}.auth-stage{width:min(1080px,100%);min-height:min(640px,calc(100vh - 5rem));position:relative;display:grid;grid-template-columns:minmax(320px,420px) 1fr;align-items:stretch;grid-gap:1.25rem;gap:1.25rem;z-index:1}.auth-panel{position:relative;border-radius:22px;border:1px solid hsla(0,0%,100%,.18);background:rgba(6,18,32,.46);box-shadow:0 24px 60px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;align-self:center;animation:auth-panel-in .52s cubic-bezier(.16,1,.3,1) both}@keyframes auth-panel-in{0%{opacity:0;transform:translate3d(-10px,8px,0)}to{opacity:1;transform:translateZ(0)}}.auth-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 15% 20%,rgba(56,189,248,.16),transparent 55%),radial-gradient(1000px 650px at 95% 80%,rgba(251,146,60,.18),transparent 60%),linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02))}.auth-panel:after{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,rgba(56,189,248,.12),transparent 35%,rgba(251,146,60,.12)),repeating-linear-gradient(90deg,rgba(226,232,240,.08),rgba(226,232,240,.08) 1px,transparent 0,transparent 20px),repeating-linear-gradient(0deg,rgba(226,232,240,.07),rgba(226,232,240,.07) 1px,transparent 0,transparent 18px),radial-gradient(circle at 35% 30%,rgba(226,232,240,.12) 0,transparent 2px),radial-gradient(circle at 70% 60%,rgba(226,232,240,.1) 0,transparent 2px);opacity:.9;mix-blend-mode:screen;pointer-events:none}.auth-panel-inner{position:relative;z-index:1;padding:1.4rem 1.4rem 1.2rem}.auth-mark{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}.auth-logo{width:44px;height:44px;border-radius:14px;background:radial-gradient(circle at 30% 25%,rgba(56,189,248,.95),rgba(56,189,248,.12) 62%),radial-gradient(circle at 70% 80%,rgba(251,146,60,.9),rgba(251,146,60,.12) 64%),linear-gradient(160deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.22);box-shadow:0 14px 30px rgba(0,0,0,.35)}.auth-center{width:min(440px,100%)}.auth-card{border-radius:1.25rem;padding:1.5rem 1.5rem 1.25rem;background:hsla(0,0%,100%,.92);border:1px solid rgba(203,213,240,.65);box-shadow:var(--shadow-lg)}.auth-error{margin:0 0 .9rem;padding:.65rem .75rem;border-radius:.75rem;border:1px solid rgba(244,63,94,.25);background:rgba(244,63,94,.08);color:rgba(190,18,60,.95);font-weight:700}.auth-title{margin:0;font-family:Cinzel,serif;letter-spacing:.22em;font-size:1.65rem;color:hsla(0,0%,100%,.95)}.auth-subtitle{margin:.25rem 0 1.25rem;opacity:.78;color:rgba(226,232,240,.9);letter-spacing:.14em;font-weight:700;text-transform:uppercase;font-size:.78rem}.auth-form{display:grid;grid-gap:.85rem;gap:.85rem}.auth-label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:700;color:rgba(226,232,240,.9);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.auth-label .input{text-transform:none;letter-spacing:normal}.auth-panel .input{background:hsla(0,0%,100%,.12);border:1px solid rgba(226,232,240,.18);color:rgba(248,250,252,.92);padding:.8rem .95rem;border-radius:.85rem}.auth-panel .input::placeholder{color:rgba(226,232,240,.7)}.auth-panel .input:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 3px rgba(56,189,248,.18)}.auth-actions{margin-top:.2rem;display:grid;grid-gap:.65rem;gap:.65rem}.auth-submit{width:-moz-fit-content;width:fit-content;min-width:140px;border-radius:999px;padding:.75rem 1.4rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;background:transparent;border:1px solid rgba(226,232,240,.7);box-shadow:0 18px 40px rgba(0,0,0,.35)}.auth-submit:hover{opacity:.95;transform:translateY(-1px);background:hsla(0,0%,100%,.06)}.auth-help{font-size:.9rem;color:rgba(226,232,240,.82)}.auth-help-muted{opacity:.75}.auth-footer{align-self:end;justify-self:start;padding:.25rem .25rem .5rem;z-index:1;color:hsla(0,0%,100%,.92);text-shadow:0 12px 30px rgba(0,0,0,.55)}.auth-footer-title{font-family:Cinzel,serif;font-weight:800;letter-spacing:.1em;font-size:1.45rem}.auth-footer-sub{margin-top:.25rem;letter-spacing:.08em;opacity:.88;font-weight:700}@media (max-width:920px){.auth-stage{grid-template-columns:1fr;min-height:auto;gap:1.1rem}.auth-panel{align-self:center}.auth-footer{justify-self:center;text-align:center;padding-bottom:0}}@media (max-width:420px){.auth-panel-inner{padding:1.15rem 1.1rem 1rem}.auth-footer-title{font-size:1.2rem}}.sidebar{background:hsla(0,0%,100%,.75);border-right:1px solid rgba(203,213,240,.4);padding:var(--space-xl) var(--space-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar h1{font-size:1.4rem;margin-bottom:var(--space-xl)}.nav-list{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-lg)}.nav-item{padding:.75rem 1rem;border-radius:.75rem;transition:background .2s ease,color .2s ease;cursor:pointer;display:flex;align-items:center;gap:.75rem}.nav-item:hover{background:rgba(15,118,110,.1)}.main-panel{display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(203,213,240,.4);background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-controls{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.content{padding:var(--space-xl)}.card{background:hsla(0,0%,100%,.8);border-radius:1rem;padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.properties-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.property-card{padding:0;overflow:hidden}.property-media{position:relative;border-bottom:1px solid rgba(203,213,240,.6);background:rgba(15,118,110,.06)}.property-media-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.property-media-strip::-webkit-scrollbar{display:none}.property-media-item{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:16/9}.property-media-img{width:100%;height:100%;object-fit:cover;display:block}.property-media-dots{position:absolute;inset-inline:0;bottom:.75rem;display:flex;justify-content:center;gap:.35rem;pointer-events:none}.property-dot{pointer-events:auto;width:7px;height:7px;border-radius:999px;border:none;background:hsla(0,0%,100%,.7);box-shadow:var(--shadow-sm);opacity:.65}.property-dot.is-active{width:18px;opacity:.95;background:hsla(0,0%,100%,.92)}.property-body{padding:1.1rem 1.15rem 1.25rem}.property-title{display:inline-block;font-weight:700;letter-spacing:.02em;font-size:1.1rem}.property-subtitle{margin-top:.35rem;opacity:.78;font-size:.95rem}.property-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.95rem}.property-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(203,213,240,.7);background:rgba(226,232,240,.65);font-size:.85rem}.property-chip-label{opacity:.75;font-weight:700;letter-spacing:.03em}.property-chip-value{font-weight:700}.property-chip.tone-teal{background:rgba(20,184,166,.18);border-color:rgba(20,184,166,.35)}.property-chip.tone-sky{background:rgba(3,105,161,.12);border-color:rgba(3,105,161,.24)}.property-chip.tone-sand{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22)}.property-chip.tone-rose{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.22)}.property-chip.tone-slate{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.3)}.property-rows{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:1rem}.property-row{display:grid;grid-template-columns:1fr;grid-gap:.15rem;gap:.15rem}.property-row-label{opacity:.7;font-size:.85rem;font-weight:700;letter-spacing:.02em}.property-row-value{font-size:.95rem}.btn-primary{background:var(--color-cta);color:#fff;padding:.6rem 1.2rem;border-radius:.6rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:.6rem 1.2rem;border-radius:.6rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.btn-secondary:hover{opacity:.85;transform:translateY(-1px)}.input,.select,.textarea{padding:.65rem .9rem;border:1px solid rgba(203,213,240,.8);border-radius:.6rem;font-size:.95rem;background:hsla(0,0%,100%,.9);transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(15,118,110,.2)}.ms-root{position:relative}.ms-control{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .9rem;border:1px solid rgba(203,213,240,.8);border-radius:.6rem;font-size:.95rem;background:hsla(0,0%,100%,.9);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.ms-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(15,118,110,.2)}.ms-values{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:1 1 auto}.ms-caret,.ms-placeholder{opacity:.65}.ms-caret{flex:0 0 auto;font-size:.9rem;-webkit-margin-start:.35rem;margin-inline-start:.35rem}.ms-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(203,213,240,.7);background:rgba(226,232,240,.65);font-size:.85rem;max-width:100%}.ms-chip-label{font-weight:700}.ms-chip-remove{border:none;background:transparent;cursor:pointer;opacity:.7;font-weight:800;line-height:1}.ms-chip-remove:hover{opacity:1}.ms-chip.tone-teal{background:rgba(20,184,166,.18);border-color:rgba(20,184,166,.35)}.ms-chip.tone-sky{background:rgba(3,105,161,.12);border-color:rgba(3,105,161,.24)}.ms-chip.tone-sand{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22)}.ms-chip.tone-rose{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.22)}.ms-chip.tone-slate{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.3)}.ms-popover{position:absolute;inset-inline:0;top:calc(100% + .45rem);background:hsla(0,0%,100%,.98);border:1px solid rgba(203,213,240,.8);border-radius:.85rem;box-shadow:var(--shadow-lg);padding:.6rem;z-index:50}.ms-search{width:100%}.ms-options{margin-top:.6rem;display:grid;grid-gap:.35rem;gap:.35rem;max-height:260px;overflow:auto;padding-right:.1rem}.ms-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;border:1px solid transparent;background:transparent;cursor:pointer;padding:.5rem .6rem;border-radius:.75rem}.ms-option:hover{background:rgba(15,118,110,.08)}.ms-option.is-selected{background:rgba(15,118,110,.12);border-color:rgba(15,118,110,.18)}.ms-option-pill{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(203,213,240,.7);font-weight:700;font-size:.9rem}.ms-option-pill.tone-teal{background:rgba(20,184,166,.18);border-color:rgba(20,184,166,.35)}.ms-option-pill.tone-sky{background:rgba(3,105,161,.12);border-color:rgba(3,105,161,.24)}.ms-option-pill.tone-sand{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22)}.ms-option-pill.tone-rose{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.22)}.ms-option-pill.tone-slate{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.3)}.ms-check{opacity:.55;font-weight:800;min-width:1.25rem;text-align:end}.ms-empty{padding:.75rem .6rem;opacity:.75}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{padding:.75rem;text-align:start;border-bottom:1px solid rgba(203,213,240,.6)}.badge,.table th{font-weight:600}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;background:rgba(15,118,110,.12);color:var(--color-primary)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-lg)}.grid-2,.grid-3{display:grid;gap:var(--space-lg)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-lg)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.role-switcher{display:flex;gap:var(--space-md);align-items:flex-end}.role-form{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.role-controls{display:flex;gap:var(--space-sm)}.role-label{font-size:.85rem}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.flow-layout{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.flow-card{border-left:4px solid var(--color-secondary)}.flow-header{justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md)}.flow-header,.flow-row{display:flex;gap:var(--space-md)}.flow-row{flex-wrap:wrap;align-items:stretch}.flow-step{background:rgba(15,118,110,.08);border:1px dashed rgba(15,118,110,.3);border-radius:.85rem;padding:var(--space-md);min-width:220px;flex:1 1 220px}.flow-step h4{font-size:.95rem;margin-bottom:var(--space-xs)}.flow-step p{font-size:.85rem;margin-top:var(--space-xs)}.flow-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.flow-arrow{align-self:center;font-size:1.5rem;color:var(--color-secondary)}html[dir=rtl] .sidebar{border-right:none;border-left:1px solid rgba(203,213,240,.4)}html[dir=rtl] .nav-item,html[dir=rtl] .role-controls,html[dir=rtl] .role-switcher,html[dir=rtl] .section-title,html[dir=rtl] .topbar,html[dir=rtl] .topbar-controls{flex-direction:row-reverse}html[dir=rtl] .flow-arrow{transform:scaleX(-1)}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10}}@media (max-width:1060px) and (min-width:721px){.properties-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar{flex-direction:column;gap:var(--space-md)}.topbar,html[dir=rtl] .topbar{align-items:flex-start}.grid-2,.grid-3,.properties-grid{grid-template-columns:1fr}.flow-arrow{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.auth-panel,.auth-shell:before{animation:none!important}}