:root{--ink: #0e1116;--shade: #151b24;--shade-mid: #243044;--mist: #e8ecf2;--paper: #f2f4f7;--line: rgba(14, 17, 22, .1);--muted: #5c6575;--accent: #d8ff3e;--accent-deep: #a8c91a;--good: #1a8f6e;--warn: #c47a1a;--bad: #c44545;--agent: #3d7aef;--radius: 16px;--font-display: "Space Grotesk", "IBM Plex Sans Arabic", sans-serif;--font-body: "Manrope", "IBM Plex Sans Arabic", sans-serif;--shadow-soft: 0 20px 48px rgba(14, 17, 22, .1);color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1100px 520px at 90% -8%,rgba(216,255,62,.14),transparent 55%),radial-gradient(800px 480px at -5% 15%,rgba(61,122,239,.1),transparent 50%),linear-gradient(160deg,#eef1f5,#e4e8ef 42%,#f2f4f7);background-attachment:fixed}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}.app-shell{min-height:100vh}.landing{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topnav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,4vw,3rem);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;text-decoration:none}.brand-mark{width:2rem;height:2rem;border-radius:.55rem;background:var(--shade);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.brand-mark svg{width:1.15rem;height:1.15rem}.nav-actions{display:flex;gap:.75rem;align-items:center}.btn{border:none;border-radius:999px;padding:.7rem 1.25rem;font-weight:600;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#ffffff8c}.btn-primary{background:var(--shade);color:#f7faf8}.btn-primary:hover{background:var(--shade-mid)}.btn-accent{background:var(--accent);color:var(--ink)}.btn-accent:hover{background:#e8ff6a}.btn-block{width:100%}.btn-sm{padding:.45rem .9rem;font-size:.9rem}.hero{position:relative;display:grid;align-items:end;min-height:calc(100vh - 5rem);padding:clamp(1.5rem,5vw,4rem);overflow:hidden}.hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(14,17,22,.92) 0%,rgba(21,27,36,.72) 40%,rgba(36,48,68,.35) 68%,transparent 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' fill='none'%3E%3Crect width='1200' height='800' fill='%23151b24'/%3E%3Cpath d='M0 540h1200' stroke='%23e8ecf2' stroke-opacity='.08'/%3E%3Cpath d='M90 800V260h130v540M260 800V180h150v620M450 800V320h110v480M600 800V140h170v660M820 800V240h130v560M1000 800V280h110v520' stroke='%23e8ecf2' stroke-opacity='.1' stroke-width='2'/%3E%3Cpath d='M0 540c200-90 340-50 500-100s280-30 400-70 200-40 300-30v460H0V540z' fill='%230e1116' fill-opacity='.45'/%3E%3Ccircle cx='960' cy='130' r='70' fill='%23d8ff3e' fill-opacity='.28'/%3E%3C/svg%3E") center / cover no-repeat;animation:dawn 14s ease-in-out infinite alternate}@keyframes dawn{0%{filter:saturate(1) brightness(1)}to{filter:saturate(1.08) brightness(1.05)}}.hero-content{position:relative;z-index:1;max-width:38rem;color:#f2f4f7;animation:rise .9s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-brand{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,9vw,5.5rem);line-height:.95;letter-spacing:-.04em;margin:0 0 1rem}.hero-brand span{color:var(--accent)}.hero p{margin:0 0 1.75rem;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.5;color:#f2f4f7db;max-width:28rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.landing-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.landing-strip article{background:#f7faf8b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem clamp(1rem,3vw,2rem);animation:rise .9s ease both}.landing-strip article:nth-child(2){animation-delay:.1s}.landing-strip article:nth-child(3){animation-delay:.2s}.landing-strip h3{font-family:var(--font-display);font-size:1.05rem;margin:0 0 .35rem}.landing-strip p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.nav-text-link{font-weight:600;font-size:.92rem;text-decoration:none;color:var(--shade);padding:.35rem .5rem}.nav-text-link:hover{color:var(--accent-deep)}.available-section{padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,3rem);background:linear-gradient(180deg,#f7faf833,#e4eef08c);border-top:1px solid var(--line)}.available-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.available-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 .35rem;letter-spacing:-.03em}.available-head p{margin:0;color:var(--muted);max-width:36rem}.available-count{font-weight:700;color:var(--shade);background:#0f3d3e14;padding:.45rem .85rem;border-radius:999px;font-size:.9rem}.available-list{display:grid;gap:.85rem}.available-item{display:grid;grid-template-columns:110px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb3;animation:rise .55s ease both}.available-item:nth-child(2){animation-delay:.05s}.available-item:nth-child(3){animation-delay:.1s}.available-item:nth-child(4){animation-delay:.15s}@media(max-width:720px){.available-item{grid-template-columns:1fr}}.available-visual{height:96px;border-radius:12px;background:linear-gradient(145deg,#151b24f2,#243044cc),repeating-linear-gradient(90deg,transparent,transparent 12px,rgba(242,244,247,.06) 12px,rgba(242,244,247,.06) 13px);display:grid;place-items:center;color:var(--accent);font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.available-photo{width:100%;height:96px;border-radius:12px;object-fit:cover}.listing-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.available-body h3{margin:0 0 .25rem;font-size:1.05rem}.available-highlight{margin:.35rem 0;font-weight:600;color:var(--shade)}.available-aside{display:grid;gap:.65rem;justify-items:end;text-align:end}@media(max-width:720px){.available-aside{justify-items:start;text-align:start}}.available-price{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.available-price span{display:block;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--muted)}@media(max-width:720px){.landing-strip{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem}.auth-panel{width:min(420px,100%);background:#f7faf8e6;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:2rem 1.5rem;box-shadow:var(--shadow-soft);animation:rise .55s ease both}.auth-panel h1{font-family:var(--font-display);font-size:1.75rem;margin:.75rem 0 .35rem;letter-spacing:-.03em}.auth-panel .lead{margin:0 0 1.5rem;color:var(--muted)}.field{display:grid;gap:.4rem;margin-bottom:1rem}.field label{font-size:.85rem;font-weight:600;color:var(--shade)}.field input{border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;background:#fff;outline:none;transition:border-color .15s ease}.field input:focus{border-color:var(--shade-mid)}.hint{font-size:.85rem;color:var(--muted);margin:.75rem 0 0}.remember-login{display:flex;align-items:center;gap:.55rem;margin:.25rem 0 1rem;font-size:.875rem;color:var(--shade);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-login input{width:1rem;height:1rem;accent-color:var(--shade);cursor:pointer}.otp-row{display:flex;gap:.5rem;justify-content:space-between}.otp-row input{width:3rem;text-align:center;font-size:1.25rem;font-weight:700;padding:.75rem 0}.demo-chip{display:inline-flex;margin-top:1rem;padding:.35rem .7rem;background:#d4a0172e;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--accent-deep)}.portal{min-height:100vh;display:grid;grid-template-columns:240px 1fr}@media(max-width:900px){.portal{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}}.sidebar{background:var(--shade);color:#f7faf8;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:900px){.sidebar{flex-direction:row;align-items:center;justify-content:space-between;padding:.85rem 1rem;gap:.75rem}.sidebar .user-card,.sidebar .side-nav,.sidebar .lang-switch{display:none}.sidebar .side-footer{display:block;margin-top:0}.sidebar .side-footer .btn{padding:.45rem .85rem;font-size:.8rem}}.side-nav{display:grid;gap:.35rem}@media(max-width:900px){.side-nav{display:none}}.side-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#f7faf8c7;text-align:left;padding:.7rem .85rem;border-radius:10px;font-weight:600;transition:background .15s ease,color .15s ease}.side-link:hover,.side-link.active{background:#ffffff1a;color:#fff}.side-link.active{box-shadow:inset 3px 0 0 var(--accent)}.user-card{padding:.85rem;border-radius:12px;background:#ffffff14}.user-card strong{display:block;font-size:.95rem}.user-card span{font-size:.8rem;opacity:.75}.side-footer{margin-top:auto;display:grid;gap:.5rem}.logout-btn{color:#f7faf8!important;border-color:#ffffff40!important}.portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}@media(min-width:901px){.portal-topbar{display:none}}.go-live-banner{margin-bottom:1rem;padding:.85rem 1rem;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,#fff)}.main{padding:clamp(1rem,3vw,2rem);max-width:1100px;width:100%;margin:0 auto}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;animation:rise .5s ease both}.page-head h1{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);margin:0;letter-spacing:-.03em}.page-head p{margin:.25rem 0 0;color:var(--muted)}.mobile-nav{display:none;position:sticky;bottom:0;background:#0f3d3ef5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));z-index:20}@media(max-width:900px){.mobile-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));gap:.25rem}}.mobile-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#f7faf8a6;font-size:.68rem;font-weight:600;padding:.45rem .2rem;border-radius:10px;display:grid;gap:.15rem;justify-items:center}.mobile-nav button.active{color:var(--accent);background:#ffffff14}.mobile-nav svg{width:1.15rem;height:1.15rem}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:800px){.grid-2,.grid-3{grid-template-columns:1fr}}.panel{background:#ffffffb8;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem;animation:rise .55s ease both}.panel h2{font-family:var(--font-display);font-size:1.1rem;margin:0 0 .85rem;letter-spacing:-.02em}.stat{display:grid;gap:.2rem}.stat .value{font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:-.03em}.stat .label{color:var(--muted);font-size:.9rem}.rent-hero{background:linear-gradient(135deg,#0f3d3ef2,#1a5c5ee0),var(--shade);color:#f7faf8;border:none}.rent-hero .muted{color:#f7faf8b8}.rent-amount{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:800;letter-spacing:-.04em;margin:.35rem 0 1rem}.list{display:grid;gap:.65rem}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none;padding-bottom:0}.list-row:first-child{padding-top:0}.meta{color:var(--muted);font-size:.85rem}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-due{background:#b86a1a26;color:var(--warn)}.badge-paid{background:#1f7a5c24;color:var(--good)}.badge-overdue{background:#a33b3b24;color:var(--bad)}.badge-open{background:#2a5f8f24;color:var(--agent)}.badge-progress{background:#b86a1a26;color:var(--warn)}.badge-resolved{background:#1f7a5c24;color:var(--good)}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(max-width:560px){.profile-grid{grid-template-columns:1fr}}.profile-item{padding:.85rem;border-radius:12px;background:#e4eef08c}.profile-item .k{display:block;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.profile-item .v{font-weight:700;font-size:1.05rem}.form-row{display:grid;gap:.4rem;margin-bottom:.85rem}.form-row textarea,.form-row select,.form-row input{border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#fff;outline:none;width:100%}.form-row textarea{min-height:90px;resize:vertical}.chat-layout{display:grid;grid-template-rows:auto 1fr auto;min-height:min(70vh,640px);background:#ffffffb8;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;animation:rise .55s ease both}.staff-chat-layout{min-height:min(42vh,420px);margin-top:.75rem}.staff-assistant-panel .quick-prompts{padding:0 .75rem .5rem}.chat-banner{padding:.85rem 1rem;background:var(--shade);color:#f7faf8;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chat-banner.human{background:var(--agent)}.chat-banner strong{display:block;font-size:.95rem}.chat-banner span{font-size:.8rem;opacity:.8}.chat-stream{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background:radial-gradient(circle at 10% 0%,rgba(26,92,94,.06),transparent 40%),#fbfcfb}.bubble{max-width:min(85%,420px);padding:.75rem .95rem;border-radius:14px;line-height:1.45;font-size:.95rem;animation:rise .35s ease both}.bubble .time{display:block;margin-top:.35rem;font-size:.72rem;opacity:.65}.bubble.user{align-self:flex-end;background:var(--shade);color:#f7faf8;border-bottom-right-radius:4px}.bubble.ai{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.agent{align-self:flex-start;background:#2a5f8f1a;border:1px solid rgba(42,95,143,.25);border-bottom-left-radius:4px}.bubble.system{align-self:center;background:#d4a01726;color:var(--accent-deep);font-size:.85rem;font-weight:600;text-align:center;max-width:90%}.chat-compose{display:flex;gap:.5rem;padding:.85rem;border-top:1px solid var(--line);background:#fff}.chat-compose input{flex:1;border:1px solid var(--line);border-radius:999px;padding:.75rem 1rem;outline:none}.quick-prompts{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 1rem .85rem;background:#fff;border-top:1px solid var(--line)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--mist);border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:var(--shade)}.chip:hover{background:#d7e4e6}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.toast{position:fixed;bottom:1.25rem;right:1.25rem;background:var(--ink);color:#fff;padding:.85rem 1.1rem;border-radius:12px;box-shadow:var(--shadow-soft);z-index:50;animation:rise .3s ease both}@media(max-width:900px){.toast{bottom:4.5rem;left:1rem;right:1rem}}.role-switch{display:inline-flex;background:#ffffff1a;border-radius:999px;padding:.2rem;gap:.15rem}.role-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#f7faf8b3;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}.role-switch button.active{background:var(--accent);color:var(--ink)}.success-flash{padding:.85rem 1rem;border-radius:12px;background:#1f7a5c1f;color:var(--good);font-weight:600;margin-bottom:1rem;animation:rise .4s ease both}.building-unit-groups{display:flex;flex-direction:column;gap:1.1rem}.building-unit-group .building-group-label{margin:0 0 .5rem;padding-top:0;border-top:none;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.admin-split{display:grid;grid-template-columns:minmax(240px,.85fr) 1.35fr;gap:1rem;align-items:start}@media(max-width:900px){.admin-split{grid-template-columns:1fr}}.resident-pick{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:#e4eef073;border-radius:12px;padding:.75rem .85rem;margin-bottom:.45rem;color:inherit;transition:background .15s ease,border-color .15s ease}.resident-pick strong{display:block}.resident-pick .meta{display:block;margin-top:.15rem}.resident-pick:hover{background:#e4eef0d9}.resident-pick.active{border-color:var(--shade-mid);background:#0f3d3e14}.file-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.section-label{font-family:var(--font-display);font-size:.95rem;letter-spacing:-.02em;margin:1.25rem 0 .65rem;padding-top:.85rem;border-top:1px solid var(--line)}.admin-chat-preview{display:flex;flex-direction:column;gap:.55rem;max-height:280px;overflow-y:auto;padding:.75rem;border-radius:12px;background:#e4eef059}.admin-chat-preview .bubble.user{align-self:flex-end}.admin-chat-preview .bubble.ai,.admin-chat-preview .bubble.agent,.admin-chat-preview .bubble.system{align-self:flex-start}.pay-methods{display:grid;gap:.55rem;margin-bottom:1rem}.pay-method{display:flex;align-items:flex-start;gap:.85rem;width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.85rem 1rem;color:inherit;transition:border-color .15s ease,background .15s ease}.pay-method strong{display:block}.pay-method .meta{display:block;margin-top:.15rem}.pay-method:hover{border-color:#0f3d3e59}.pay-method.active{border-color:var(--shade);background:#0f3d3e0f;box-shadow:inset 3px 0 0 var(--accent)}.pay-method-icon{width:2.25rem;height:2.25rem;border-radius:10px;background:var(--mist);display:grid;place-items:center;flex-shrink:0;color:var(--shade)}.card-fields{margin-bottom:.5rem}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bank-link-box{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:12px;background:#e4eef0a6;margin-bottom:1rem}.bank-link-box code{font-size:.92rem;word-break:break-all;color:var(--shade)}.payment-ref-box{display:grid;gap:.25rem;margin-top:.55rem;padding:.65rem .75rem;border-radius:10px;background:#d8ff3e1f;border:1px solid rgba(168,201,26,.35);max-width:100%}.payment-ref-code{font-size:1rem;font-weight:700;letter-spacing:.02em;word-break:break-all;color:var(--ink)}.bank-transfer-block{margin-bottom:1rem}.transfer-proof{padding:.9rem 1rem;border-radius:12px;border:1px dashed rgba(28,58,62,.28);background:#f7faf8d9}.transfer-proof-label{display:block;font-weight:700;margin-bottom:.2rem}.transfer-proof-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.transfer-proof-drop{display:grid;gap:.25rem;place-items:center;text-align:center;padding:1.1rem .75rem;border-radius:10px;background:#e4eef08c;cursor:pointer;font-weight:600}.transfer-proof-drop:hover{background:#e4eef0e6}.transfer-proof-options{display:grid;gap:.65rem}@media(min-width:520px){.transfer-proof-options{grid-template-columns:1fr 1fr}}.transfer-proof-preview{display:grid;grid-template-columns:88px 1fr;gap:.75rem;align-items:center}.transfer-proof-preview img{width:88px;height:88px;object-fit:cover;border-radius:10px;border:1px solid rgba(28,58,62,.12)}.transfer-proof-meta{display:grid;gap:.2rem}.transfer-proof-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.proof-thumb{display:inline-flex;align-items:center;gap:.45rem;margin-top:.55rem;padding:.25rem .55rem .25rem .25rem;border-radius:999px;background:#e4eef0cc;color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:600}.proof-thumb img{width:28px;height:28px;border-radius:999px;object-fit:cover}.checkout-panel .rent-amount{color:var(--ink)}.call-link{display:inline-flex;margin-top:.65rem;padding:.45rem .85rem;border-radius:999px;background:var(--accent);color:var(--ink);font-weight:700;font-size:.85rem;text-decoration:none}.bubble.user .call-link{background:#f7faf833;color:#f7faf8}.bubble.ai .call-link:hover{background:#e0b12a}html[dir=rtl] body{font-family:IBM Plex Sans Arabic,Manrope,sans-serif}html[dir=rtl] .brand,html[dir=rtl] .hero-brand,html[dir=rtl] .page-head h1,html[dir=rtl] .panel h2,html[dir=rtl] .stat .value,html[dir=rtl] .rent-amount{font-family:IBM Plex Sans Arabic,Space Grotesk,sans-serif}html[dir=rtl] .side-link.active,html[dir=rtl] .pay-method.active{box-shadow:inset -3px 0 0 var(--accent)}.due-day-editor{display:grid;gap:.75rem;margin-bottom:.25rem}@media(min-width:560px){.due-day-editor{grid-template-columns:1fr 1fr auto;align-items:end}}.rent-plan-editor{display:grid;gap:.75rem}@media(min-width:720px){.rent-plan-editor{grid-template-columns:1fr 1fr}}.balance-panel .k{display:block;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.balance-grid strong{font-size:1.02rem}.remaining-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.remaining-value{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--warn)}.remaining-value.done{color:var(--good);font-size:1.35rem}.percent-pill{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:#0f3d3e1a;font-weight:700;font-size:.85rem;color:var(--shade)}.progress-track{height:10px;border-radius:999px;background:#0c242614;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--shade-mid),var(--accent));transition:width .45s ease}.lang-switch{display:inline-flex;background:#0c24260f;border:1px solid var(--line);border-radius:999px;padding:.15rem;gap:.1rem}.lang-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:700;color:var(--muted)}.lang-switch button.active{background:var(--shade);color:#f7faf8}.topnav .lang-switch{margin-inline-end:.35rem}.sidebar .lang-switch{background:#ffffff1a;border-color:transparent}.sidebar .lang-switch button{color:#f7faf8b3}.sidebar .lang-switch button.active{background:var(--accent);color:var(--ink)}.site-footer{margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,3rem);border-top:1px solid var(--line);background:#0f3d3e0a}.site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}@media(max-width:800px){.site-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.site-footer-grid{grid-template-columns:1fr}}.site-footer-brand{font-family:var(--font-display);font-size:1.1rem}.site-footer h4{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.site-footer a{display:block;margin-bottom:.35rem;text-decoration:none;font-weight:600;color:var(--shade)}.site-footer a:hover{color:var(--accent-deep)}.site-footer-note{margin:1.25rem 0 0}.legal-page .legal-article{max-width:760px;margin:1.5rem auto;padding:clamp(1.25rem,3vw,2rem)}.legal-article h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.35rem 0 1rem}.legal-article h2{font-family:var(--font-display);font-size:1.1rem;margin:1.5rem 0 .5rem}.legal-article ul{padding-inline-start:1.2rem;line-height:1.55}.cookie-banner{position:fixed;z-index:80;left:1rem;right:1rem;bottom:1rem;max-width:640px;margin-inline:auto;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);background:#f7faf8f5;box-shadow:var(--shadow-soft);display:grid;gap:.85rem}.cookie-banner p{margin:0;font-size:.92rem;line-height:1.45}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}