:root{--brand:#b8604a;--brand-dark:#8b4332;--brand-soft:#f9ece7;--ink:#101828;--muted:#667085;--line:#eceae7;--bg:#f7f5f3;--surface:#ffffff;--shadow-sm:0 1px 2px rgba(16,24,40,0.05),0 1px 3px rgba(16,24,40,0.08);--shadow-md:0 4px 8px -2px rgba(16,24,40,0.08),0 12px 24px -4px rgba(16,24,40,0.1);--ease:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;padding:10px 14px;border:1px solid #d9d4cd;border-radius:10px;background:#fff;width:100%;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--brand) 18%,transparent)}input[type=color]{padding:4px;height:42px}input[type=checkbox],input[type=radio]{width:auto;padding:0}label{font-size:13px;color:var(--muted);display:block;margin-bottom:5px;font-weight:500}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.scrim,.topbar{display:none}.sidebar{background:var(--surface);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.sidebar-head .menu-btn.close{display:none}.sidebar .logo,.topbar .logo{display:flex;align-items:center;gap:10px;padding:6px 10px 20px;font-weight:800;font-size:21px;color:var(--brand-dark)}.topbar .logo{padding:0;font-size:19px}@media (max-width:900px){.shell{grid-template-columns:1fr}.topbar{display:flex;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 16px}.menu-btn,.topbar{align-items:center}.menu-btn{display:inline-flex;justify-content:center;width:40px;height:40px;border-radius:10px;background:none;border:1px solid var(--line);color:var(--ink)}.scrim{display:block;position:fixed;inset:0;z-index:49;background:rgba(16,24,40,.45)}.sidebar{position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:50;width:min(300px,84vw);height:100dvh;transform:translateX(100%);transition:transform .25s var(--ease);box-shadow:var(--shadow-md)}[dir=ltr] .sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-head .menu-btn.close{display:inline-flex}.main{padding:18px 14px}.table-scroll{overflow-x:auto;margin-inline:-4px}.table-scroll table{min-width:640px}.card:has(>table){overflow-x:auto}.card>table td,.card>table th{white-space:nowrap}.card>table td .muted{white-space:normal;min-width:130px}.card>table .btn-row{flex-wrap:nowrap}}.sidebar .logo .mark,.topbar .logo .mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.topbar .logo .mark{width:30px;height:30px;border-radius:9px}.sidebar .nav-label{font-size:11px;color:var(--muted);padding:10px 12px 4px;font-weight:600}.sidebar a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:#475467;transition:background .15s,color .15s}.sidebar a svg{color:#98a2b3;transition:color .15s}.sidebar a:hover{background:#f6f3f0;color:var(--ink)}.sidebar a:hover svg{color:var(--brand)}.sidebar a.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.sidebar a.active svg{color:var(--brand)}.sidebar .logout{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:1px solid var(--line);color:#475467;padding:9px;border-radius:10px;font-size:14px;font-weight:500;transition:all .15s}.sidebar .logout:hover{border-color:#f97066;color:#b42318;background:#fef3f2}.main{padding:28px clamp(16px,3vw,36px);max-width:1240px;width:100%}.page-title{margin:0 0 20px;font-size:26px;font-weight:700;letter-spacing:-.01em}.page-sub{margin:-12px 0 20px;color:var(--muted);font-size:14px}.picker{position:relative}.picker-list{position:absolute;z-index:60;inset-inline:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);max-height:280px;overflow-y:auto;padding:4px}.picker-opt{display:block;width:100%;text-align:start;padding:9px 11px;border:0;border-radius:8px;background:none;font-size:14px;color:var(--ink)}.picker-opt.cursor,.picker-opt:hover{background:#f6f3f0}.picker-opt.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.picker.select:after{content:"";position:absolute;inset-inline-end:14px;top:50%;margin-top:-6px;width:7px;height:7px;pointer-events:none;border-right:1.6px solid #98928a;border-bottom:1.6px solid #98928a;transform:rotate(45deg)}.picker.select input{-webkit-padding-end:34px;padding-inline-end:34px}.add-new{display:inline-block;margin-top:5px;padding:0;border:0;background:none;font-size:12.5px;text-decoration:underline}.add-new,.picker-create{font-weight:600;color:var(--brand)}.picker-create{border-top:1px solid var(--line);border-radius:0 0 8px 8px}.picker-note{padding:8px 11px;font-size:12.5px;color:var(--muted)}.row-open{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}.row-open:hover{color:var(--brand-dark);text-decoration:underline}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}.card{background:var(--surface);border-radius:16px;padding:22px;border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:18px}.card>h3{margin:0 0 14px;font-size:17px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.stat{background:var(--surface);border-radius:16px;padding:18px 20px;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--brand-dark))}.stat .num{font-size:clamp(20px,1.8vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.02em}.stat .lbl{color:var(--muted);font-size:13px;font-weight:500;margin-top:2px}a.stat{transition:transform .2s var(--ease),box-shadow .2s}a.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat.danger:before{background:linear-gradient(180deg,#f04438,#b42318)}.stat.danger .num{color:#b42318}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.quick-actions a{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--brand-dark);box-shadow:var(--shadow-sm);transition:all .15s}.quick-actions a:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}.quick-actions a svg{color:var(--brand)}.table-scroll{overflow-x:auto}.table-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.table-tools .muted{-webkit-margin-start:auto;margin-inline-start:auto}.search-box{display:flex;align-items:center;gap:8px;flex:1 1;min-width:200px;max-width:340px;border:1px solid #d9d4cd;border-radius:10px;padding:8px 12px;background:#fff;color:var(--muted)}.search-box input{border:none;outline:none;padding:0;box-shadow:none;font-size:14px}.search-box input:focus{box-shadow:none}.row-thumb{width:52px;height:40px;border-radius:8px;object-fit:cover;display:block;border:1px solid var(--line)}.row-thumb.empty{display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand)}.row-title{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--ink)}.row-title:hover{color:var(--brand-dark);text-decoration:underline}.row-title svg{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:start;color:var(--muted);font-weight:600;font-size:12.5px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfaf8}td{padding:11px 12px;border-bottom:1px solid #f4f1ee;vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover td{background:#faf8f6}tbody tr:last-child td{border-bottom:none}.btn{background:var(--brand);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s,background .15s;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.secondary{background:#fff;color:var(--brand-dark);border:1px solid color-mix(in srgb,var(--brand) 40%,#d9d4cd);box-shadow:none}.btn.secondary:hover{background:var(--brand-soft)}.btn.small{padding:6px 13px;font-size:13px;border-radius:8px}.btn.wa{background:#1faa53}.btn.wa:hover{background:#179144}.btn.danger{background:#d92d20}.btn.danger:hover{background:#b42318}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.ledger-head{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;margin:-4px 0 16px}.ledger-head .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}.ledger-head h3{margin:0 0 3px;font-size:16px}.ledger-head p{margin:0;font-size:12.5px;line-height:1.6}.ledger-rent{background:var(--brand-soft);border:1px solid #f0dcd4}.ledger-rent .ic{background:var(--brand)}.ledger-rent p{color:var(--brand-dark)}.ledger-taqsit{background:#eef1fd;border:1px solid #dbe0fa}.ledger-taqsit .ic{background:#4f46e5}.ledger-taqsit p{color:#3730a3}.taqsit-table th{background:#f5f6fe}.load-bar{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:60;pointer-events:none;background:linear-gradient(90deg,var(--brand),var(--brand-dark),var(--brand));background-size:200% 100%;transform:scaleX(0);transform-origin:var(--load-origin,right);opacity:0;transition:transform .25s var(--ease),opacity .2s}.load-bar.on{transform:scaleX(1);opacity:1;animation:load-slide 1.1s linear infinite}@keyframes load-slide{to{background-position:-200% 0}}.sk{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#f1eeea 25%,#e7e3de 37%,#f1eeea 63%);background-size:400% 100%;animation:sk-shimmer 1.3s ease-in-out infinite}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.load-bar.on,.sk{animation:none}}.explainer{background:#fbfaf8;border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin:-2px 0 16px;font-size:12.5px;color:var(--muted);line-height:1.75}.explainer strong{color:var(--ink);font-weight:600}.explainer ul{margin:6px 0 0;-webkit-padding-start:18px;padding-inline-start:18px}.explainer li{margin-bottom:2px}.calc{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:16px;padding:14px 18px;border-radius:12px;background:var(--brand-soft);border:1px solid #f0dcd4}.calc>div{display:flex;flex-direction:column;gap:2px}.calc .k{font-size:12px;color:var(--brand-dark);font-weight:600}.calc .v{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px;margin-bottom:14px}.badge{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:#ecfdf3;color:#067647}.badge.amber{background:#fffaeb;color:#b54708}.badge.red{background:#fef3f2;color:#b42318}.badge.grey{background:#f2f4f7;color:#475467}.badge.blue{background:#eff4ff;color:#3538cd}.theme-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:8px 0 18px}@media (max-width:900px){.theme-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.theme-cards{grid-template-columns:1fr}}.theme-card{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px;text-align:start;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;font-family:inherit}.theme-card:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line));transform:translateY(-1px)}.theme-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.theme-mini{border-radius:8px;padding:6px;margin-bottom:8px}.theme-name{font-size:13px;font-weight:700;color:var(--ink)}.theme-tag{font-size:11.5px;color:var(--muted);margin-top:1px}.logo-block{display:flex;align-items:center;gap:16px;margin-top:14px;padding:14px;border:1.5px dashed var(--line);border-radius:14px;background:#fbfaf8}.logo-preview{width:72px;height:72px;border-radius:16px;object-fit:contain;flex-shrink:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:4px}.logo-preview.empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-size:30px;font-weight:800;padding:0}.swatch-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.swatch{width:34px;height:34px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1.5px var(--line),var(--shadow-sm);cursor:pointer;padding:0;transition:transform .15s var(--ease),box-shadow .15s}.swatch:hover{transform:scale(1.12)}.swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #101828,var(--shadow-sm);transform:scale(1.08)}.swatch.custom{display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(#f04438,#f79009,#fac515,#12b76a,#2e90fa,#7a5af8,#f04438);color:#fff;font-weight:800;font-size:17px;position:relative;margin-bottom:0}.swatch.custom input{position:absolute;inset:0;opacity:0;cursor:pointer;padding:0}.layout-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 4px}.layout-card{display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font-size:12.5px;font-weight:600;color:#475467;cursor:pointer;transition:all .15s;font-family:inherit}.layout-card:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line))}.layout-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand-dark)}.layout-mini{width:74px;height:40px;border-radius:6px;background:#f2f0ed;padding:4px;display:flex;gap:3px}.layout-mini b,.layout-mini i{border-radius:3px;background:var(--brand);opacity:.85}.lm-immersive i{flex:1 1}.lm-banner i{flex:1 1;height:14px;align-self:flex-start}.lm-split i{flex:1.4 1}.lm-split b{flex:1 1;opacity:.45}.lm-auto{align-items:center;justify-content:center}.lm-auto i{width:18px;height:18px;border-radius:50%;opacity:.5}.lm-auto b{display:none}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tabs a,.tabs button{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500;color:#475467;cursor:pointer;transition:all .15s;font-family:inherit;line-height:inherit}.tabs a:hover,.tabs button:hover{border-color:var(--brand);color:var(--brand-dark)}.tabs a.active,.tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 30%,transparent)}.tabs a:focus-visible,.tabs button:focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}.muted{color:var(--muted);font-size:13px}.error-box{background:#fef3f2;color:#b42318;border:1px solid #fecdca;border-radius:12px}.error-box,.success-box{padding:12px 16px;margin-bottom:14px;font-size:14px;font-weight:500}.success-box{background:#ecfdf3;color:#067647;border:1px solid #a6f4c5;border-radius:12px}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:8px}.chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;min-width:0}.chart-bar{width:100%;max-width:42px;border-radius:6px 6px 2px 2px;margin-top:auto;background:linear-gradient(180deg,var(--brand),var(--brand-dark));transition:height .4s var(--ease)}.chart-col:hover .chart-bar{opacity:.8}.chart-day{font-size:11px;color:var(--muted)}.chart-val{font-size:11px;font-weight:700;color:var(--brand-dark)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(160deg,#461e14,#8b4332 55%,#b8604a)}@media (max-width:900px){.login-wrap{grid-template-columns:1fr}.login-side{display:none}}.login-side{display:flex;flex-direction:column;justify-content:center;padding:60px;color:#fff}.login-side h1{font-size:40px;margin:0 0 12px;font-weight:800}.login-side p{font-size:18px;opacity:.92;max-width:44ch}.login-side .points{margin-top:26px;display:flex;flex-direction:column;gap:12px}.login-side .points div{display:flex;align-items:center;gap:10px;font-size:15px;opacity:.95}.login-form-side{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--bg);border-start-start-radius:28px;border-end-start-radius:28px}.login-card{background:#fff;border-radius:20px;padding:34px;width:400px;max-width:100%;box-shadow:var(--shadow-md)}.login-card h2{margin:0 0 4px;color:var(--ink);font-size:22px}.login-card .field{margin-bottom:14px}.login-card .btn{width:100%;justify-content:center;padding:12px}.login-card .tabs{margin-top:16px}.admin-shell{--brand:#b42318;--brand-dark:#912018;--brand-soft:#fef3f2}.admin-shell .sidebar{background:#16181d;border-inline-start-color:#24272e}.admin-shell .sidebar .logo{color:#fff}.admin-shell .sidebar .logo .mark{background:var(--brand);color:#fff}.admin-shell .sidebar .nav-label{color:#7b8394}.admin-shell .sidebar a{color:#c3c8d4}.admin-shell .sidebar a svg{color:#7b8394}.admin-shell .sidebar a:hover{background:#22262e;color:#fff}.admin-shell .sidebar a.active{background:var(--brand);color:#fff}.admin-shell .sidebar a.active svg{color:#fff}.admin-shell .sidebar .logout{color:#c3c8d4}.admin-shell .sidebar .logout:hover{background:#22262e;color:#fff}.admin-shell .topbar .logo .mark{background:var(--brand);color:#fff}.admin-who{margin:18px 12px 8px;padding:12px;border-radius:12px;background:#22262e;color:#c3c8d4}.admin-who-name{font-weight:700;color:#fff;font-size:14px}.admin-who-mail{font-size:11.5px;color:#8b93a3;margin-bottom:8px;word-break:break-all}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:16px;gap:16px}.admin-hr{border:0;border-top:1px solid var(--line);margin:18px 0}.bar-track{display:inline-block;width:90px;height:7px;border-radius:999px;background:var(--line);overflow:hidden;vertical-align:middle;-webkit-margin-end:8px;margin-inline-end:8px}.bar-fill{display:block;height:100%;background:var(--brand);border-radius:999px}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--brand)}.pager{display:flex;align-items:center;gap:12px;justify-content:center;padding-top:14px}.overdue{color:#b42318}.overdue,.soon{font-weight:600;font-size:13px}.soon{color:#b54708}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.plan-card .plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-card .plan-head h3{margin:0}.plan-price{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:10px 0 2px}.plan-price .muted{font-size:14px;font-weight:500}.plan-features{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#16181d,#2b1512 60%,#7a2018);padding:24px}.admin-login-card{background:#fff;border-radius:20px;padding:34px;width:400px;max-width:100%;box-shadow:var(--shadow-md)}.admin-login-card h1{margin:14px 0 4px;font-size:24px}.admin-login-card input{margin-bottom:4px}.admin-login-mark{width:46px;height:46px;border-radius:13px}.admin-login-mark,.imp-banner{background:#b42318;color:#fff;display:flex;align-items:center;justify-content:center}.imp-banner{grid-column:1/-1;position:-webkit-sticky;position:sticky;top:0;z-index:60;flex-wrap:wrap;gap:14px;padding:10px 18px;font-size:13.5px;font-weight:600}.imp-banner button{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35);padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.imp-banner button:hover{background:rgba(255,255,255,.28)}.shell.impersonating .sidebar{top:40px;height:calc(100vh - 40px)}@media (max-width:900px){.shell.impersonating .topbar{top:40px}.shell.impersonating .sidebar{top:0;height:100vh}}.site-state{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.site-state>div:first-of-type{flex:1 1;min-width:200px}.site-state .state-now{font-weight:700;font-size:15px}.site-state .state-dot{width:10px;height:10px;border-radius:999px;flex:none}.site-state .state-dot.on{background:#12a150;box-shadow:0 0 0 4px color-mix(in srgb,#12a150 22%,transparent)}.site-state .state-dot.off{background:#b42318;box-shadow:0 0 0 4px color-mix(in srgb,#b42318 20%,transparent)}.site-state .state-url{color:var(--brand);font-weight:600;border-bottom:1px solid}.usage-row{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 16px}.usage-cell{flex:1 1;min-width:130px}.usage-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:6px}.usage-bar span{display:block;height:100%;background:var(--brand);border-radius:999px}.lang-picks{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.lang-pick{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:11px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:start;transition:border-color .15s,background .15s}.lang-pick b{font-size:15px;font-weight:700}.lang-pick small{font-size:12px;color:var(--muted)}.lang-pick.on,.lang-pick:hover{border-color:var(--brand)}.lang-pick.on{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.lang-pick.locked{cursor:default;opacity:.85}.lang-pick.locked:hover{border-color:var(--brand)}.tr-count{display:inline-block;-webkit-margin-start:9px;margin-inline-start:9px;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-border-start:1px solid currentColor;border-inline-start:1px solid currentColor;font-size:11.5px;opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tr-fields{display:flex;flex-direction:column;gap:16px;margin-top:16px}.tr-row{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:6px 14px;gap:6px 14px;align-items:start}.tr-label{grid-column:1;grid-row:1;font-size:13.5px;font-weight:600;padding-top:9px}.tr-source{grid-column:2;grid-row:1;font-size:13px;line-height:1.7;color:var(--muted);-webkit-border-start:2px solid var(--line);border-inline-start:2px solid var(--line);-webkit-padding-start:10px;padding-inline-start:10px;margin-bottom:4px}.tr-source i{opacity:.7}.tr-row input,.tr-row textarea{grid-column:2;grid-row:2}@media (max-width:720px){.tr-row{grid-template-columns:1fr}.tr-label,.tr-row input,.tr-row textarea,.tr-source{grid-column:1;grid-row:auto}}.listing-tr{margin-top:18px;padding-top:16px}.bounds-fields,.listing-tr{border-top:1px solid var(--line)}.bounds-fields{margin-top:16px;padding-top:14px}.bounds-head{font-size:13.5px;font-weight:700;margin-bottom:10px}.list-search{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.list-search input{flex:1 1;min-width:200px}.photo-strip{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.photo-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.photo-thumb{position:relative;width:132px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.photo-thumb.is-cover{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}.photo-thumb img{width:100%;height:92px;object-fit:cover;display:block}.photo-badge{position:absolute;top:6px;inset-inline-start:6px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.photo-actions{display:flex;gap:4px;padding:6px}.photo-actions button{flex:1 1;font-size:11.5px;padding:5px 4px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.photo-actions button:hover{border-color:var(--brand);color:var(--brand)}.photo-actions button.danger{color:#b42318}.photo-actions button.danger:hover{border-color:#b42318;background:#fef3f2}.onboarding{border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}.onboarding-head{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:14px}.onboarding-head h3{margin:0 0 4px}.onboarding-head .muted{margin:0;font-size:13.5px}.onboarding-meter{-webkit-margin-start:auto;margin-inline-start:auto;align-self:center;width:140px;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.onboarding-meter span{display:block;height:100%;background:var(--brand);transition:width .4s var(--ease)}.onboarding-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.onboarding-steps li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px}.onboarding-steps li.next{background:var(--brand-soft)}.onboarding-steps li .tick{flex:none;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--line);color:var(--muted)}.onboarding-steps li.next .tick{background:var(--brand);color:#fff}.onboarding-steps li.done .tick{background:#ecfdf3;color:#067647}.onboarding-steps li a{color:var(--ink);font-weight:600;text-decoration:none}.onboarding-steps li a:hover{color:var(--brand-dark);text-decoration:underline}.onboarding-steps li .muted{font-size:12.5px;margin-top:2px}.onboarding-steps li.done a{color:var(--muted);font-weight:500;text-decoration:line-through}.onboarding-steps li.done .muted{display:none}.login-card .accept-terms{display:flex;gap:9px;align-items:flex-start;margin:4px 0 16px;font-size:13px;line-height:1.75;color:var(--muted)}.login-card .accept-terms input{margin-top:5px;accent-color:var(--brand);flex-shrink:0}.login-card .accept-terms a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.signup-steps{display:flex;gap:10px;margin:16px 0 14px;font-size:12.5px;font-weight:600;color:var(--muted)}.signup-steps span{flex:1 1;padding-top:8px;border-top:3px solid var(--line);transition:border-color .2s var(--ease),color .2s}.signup-steps span.on{border-color:var(--brand);color:var(--brand-dark)}.signup-nav{display:flex;gap:8px}.signup-nav .btn{flex:1 1;width:auto}.slug-preview{margin:6px 0 0;font-size:12.5px;color:var(--muted)}.slug-preview b{color:var(--brand-dark);font-weight:700}.welcome-wrap{display:flex;justify-content:center;padding:8px 0 40px}.welcome-card{width:100%;max-width:720px}.welcome-card h1{font-size:24px;margin:0 0 4px;color:var(--ink)}.welcome-card>.muted{margin:0;font-size:14px}.welcome-hint{font-size:13.5px;color:var(--muted);margin:0 0 12px}.welcome-card .signup-nav{margin-top:18px}.welcome-logo{cursor:pointer;display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:12px;padding:12px;border:2px dashed var(--line);border-radius:14px;background:var(--surface)}.welcome-logo:hover{border-color:var(--brand);background:var(--brand-soft)}.welcome-logo img{max-height:100%;max-width:100%;object-fit:contain}.theme-mini-wide{max-width:300px;margin:14px auto 0}.welcome-done{width:46px;height:46px;border-radius:999px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background:#ecfdf3;color:#067647}.link-btn{display:block;margin:14px auto 0;padding:6px;border:0;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--ink)}.lang-switch{display:flex;gap:4px;margin-top:10px;padding:4px;border-radius:10px;background:rgba(0,0,0,.04)}.lang-switch button{flex:1 1;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:7px 4px;border:0;border-radius:7px;background:transparent;color:var(--muted);transition:background .15s,color .15s}.lang-switch button:hover{color:var(--ink);background:rgba(0,0,0,.05)}.lang-switch button.on{background:var(--surface);color:var(--brand-dark);box-shadow:var(--shadow-sm)}.lang-switch.compact{margin-top:18px;background:transparent;padding:0;justify-content:center}.lang-switch.compact button{flex:0 0 auto;padding:6px 12px;border:1px solid var(--line)}.lang-switch.compact button.on{border-color:var(--brand)}.sidebar .lang-switch{background:rgba(0,0,0,.05)}.admin-shell .sidebar .lang-switch{background:rgba(255,255,255,.06)}.admin-shell .sidebar .lang-switch button{color:rgba(255,255,255,.65)}.admin-shell .sidebar .lang-switch button:hover{color:#fff;background:rgba(255,255,255,.08)}.admin-shell .sidebar .lang-switch button.on{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}.tr-group{margin:22px 0 0;font-size:14px;font-weight:700}.tr-item{display:flex;flex-direction:column;gap:16px}.tr-item+.tr-item{border-top:1px solid var(--line);padding-top:16px}.template-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}@media (max-width:1100px){.template-layout{grid-template-columns:1fr}}.template-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px}.template-editor .contract-doc{border:1px solid var(--line);background:#fff;padding:18px 20px;min-height:420px;max-height:70vh;overflow-y:auto;line-height:1.9;font-size:14.5px;outline:none}.template-editor .contract-doc h3{font-size:15px;margin:16px 0 6px}.template-editor .contract-doc table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.template-editor .contract-doc td,.template-editor .contract-doc th{border:1px solid var(--line);padding:5px 8px;text-align:right}.template-editor .contract-doc img{max-width:220px;height:auto}.template-editor .merge-field{background:color-mix(in srgb,var(--brand,#B8604A) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand,#b8604a) 35%,transparent);border-radius:4px;padding:0 5px;font-size:.92em;white-space:nowrap}.template-editor [data-payment-schedule],.template-editor [data-signatures]{border:1px dashed var(--line);background:var(--surface-2,#f6f4f1);color:var(--muted);padding:14px;margin:12px 0;text-align:center;font-size:13px}.template-editor [data-payment-schedule]:before{content:"⟨ ملحق جدول الدفعات — يبنيه النظام من الإيجار ⟩"}.template-editor [data-signatures]:before{content:"⟨ التواقيع — يبنيها النظام من أطراف العقد ⟩"}.template-editor .ProseMirror-selectednode{outline:2px solid var(--brand,#B8604A)}