@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}.fms-studio-body{font-family:Tajawal,Arial,sans-serif}.fms-studio-body .fm-main-nav{padding-top:10px}.fms-studio-body .fm-nav{cursor:pointer}.fms-content{padding:24px 28px 50px;max-width:1500px;margin:0 auto}.fms-view{display:none}.fms-view.is-active{display:block}.fms-view-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 20px}.fms-view-head h2{font-size:27px;margin:4px 0 3px;color:#17191b}.fms-view-head p{margin:0;color:#777}.fms-kicker{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--fm-orange)}.fms-primary,.fms-secondary,.fms-danger{border:0;border-radius:11px;padding:12px 18px;font:800 13px Tajawal;cursor:pointer;transition:.2s}.fms-primary{background:linear-gradient(135deg,var(--fm-orange),var(--fm-orange-2));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--fm-orange) 22%,transparent)}.fms-secondary{background:#fff;border:1px solid #e5e7eb;color:#24272a}.fms-danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.fms-primary:hover,.fms-secondary:hover{transform:translateY(-1px)}.fms-grid{display:grid;gap:18px;margin-bottom:18px}.fms-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fms-card{background:#fff;border:1px solid #ebe7e3;border-radius:18px;padding:22px;box-shadow:0 10px 35px #24160b0a;margin-bottom:18px}.fms-card h3{margin:0 0 18px;font-size:17px}.fms-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.fms-card-head h3{margin:0 0 3px}.fms-card-head p{margin:0;color:#8b8b8b;font-size:12px}.fms-fields{display:grid;gap:15px;margin-bottom:16px}.fms-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fms-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.fms-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#393939}.fms-card input[type=text],.fms-card input[type=url],.fms-card input[type=number],.fms-card input[type=search],.fms-card select,.fms-card textarea,.fms-searchline input{width:100%;border:1px solid #dedbd7;background:#fff;border-radius:10px;padding:11px 12px;font:600 13px Tajawal;color:#252525;outline:none}.fms-card input:focus,.fms-card textarea:focus,.fms-card select:focus{border-color:var(--fm-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--fm-orange) 12%,transparent)}.fms-card input[type=color]{height:44px;width:100%;padding:4px;border:1px solid #dedbd7;border-radius:10px;background:#fff}.fms-switch{display:grid!important;grid-template-columns:auto 42px 1fr!important;align-items:center!important;gap:10px!important;min-height:44px}.fms-switch input{display:none}.fms-switch span{width:42px;height:23px;border-radius:99px;background:#d5d7d9;position:relative;transition:.2s}.fms-switch span:after{content:"";position:absolute;width:17px;height:17px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0002;transition:.2s}.fms-switch input:checked+span{background:var(--fm-orange)}.fms-switch input:checked+span:after{right:22px}.fms-palettes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.fms-palettes button{border:1px solid #e7e2de;background:#fff;border-radius:13px;padding:10px;cursor:pointer;text-align:center}.fms-palettes button.is-active{border-color:var(--fm-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--fm-orange) 10%,transparent)}.fms-palettes i{display:block;height:28px;border-radius:7px;margin-bottom:7px;background:linear-gradient(90deg,#ef6a24 0 25%,#ff8b48 25% 50%,#17191b 50% 75%,#fff8f3 75%)}.fms-palettes button:nth-child(2) i{background:linear-gradient(90deg,#2563eb 0 25%,#38bdf8 25% 50%,#0f172a 50% 75%,#eff6ff 75%)}.fms-palettes button:nth-child(3) i{background:linear-gradient(90deg,#16a34a 0 25%,#84cc16 25% 50%,#14532d 50% 75%,#f0fdf4 75%)}.fms-palettes button:nth-child(4) i{background:linear-gradient(90deg,#7c3aed 0 25%,#c084fc 25% 50%,#2e1065 50% 75%,#faf5ff 75%)}.fms-palettes button:nth-child(5) i{background:linear-gradient(90deg,#ca8a04 0 25%,#facc15 25% 50%,#422006 50% 75%,#fffbeb 75%)}.fms-palettes button:nth-child(6) i{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#a855f7,#ef4444)}.fms-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.fms-upload-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:16px}.fms-subtitle{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.fms-link-repeater,.fms-repeater{display:grid;gap:10px}.fms-link-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:9px;align-items:center}.fms-link-row button,.fms-slide-row .fms-remove{width:38px;height:38px;border-radius:10px;border:1px solid #f3c4c4;background:#fff7f7;color:#b91c1c;cursor:pointer}.fms-slide-row{border:1px solid #ebe7e3;border-radius:15px;padding:16px;background:#faf9f8}.fms-slide-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fms-slide-row-head strong{font-size:14px}.fms-slide-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fms-slide-fields .wide{grid-column:1/-1}.fms-slide-image{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.fms-preview-card{overflow:hidden}.fms-mini-preview{height:250px;border-radius:15px;background:linear-gradient(135deg,#111827,#374151);padding:34px;display:flex;align-items:center;justify-content:flex-start;color:#fff;position:relative;overflow:hidden}.fms-mini-preview:after{content:"";position:absolute;inset:-40% -20% auto auto;width:240px;height:240px;border-radius:50%;background:var(--fm-orange);filter:blur(40px);opacity:.4}.fms-mini-preview>div{position:relative;z-index:2;max-width:80%}.fms-mini-preview span{font-size:11px;font-weight:900;color:#ffd9c2}.fms-mini-preview strong{display:block;font-size:24px;margin:7px 0}.fms-mini-preview p{font-size:12px;color:#e5e7eb;margin:0 0 12px}.fms-mini-preview button{border:0;border-radius:8px;padding:8px 12px;background:var(--fm-orange);color:#fff;font:700 11px Tajawal}.fms-pages-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.fms-searchline{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:14px}.fms-page-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #f0ece9;cursor:pointer}.fms-page-item:hover{background:#fffaf7}.fms-page-item b{font-size:13px}.fms-page-item small{display:block;color:#97918c;margin-top:3px}.fms-page-item em{font-style:normal;font-size:10px;padding:5px 8px;border-radius:99px;background:#f2f4f7}.fms-page-editor{position:sticky;top:94px;align-self:start}.fms-editor-actions{display:flex;gap:9px;margin-top:14px}.fms-toast{position:fixed;left:25px;bottom:25px;z-index:99999;min-width:260px;max-width:420px;padding:13px 16px;border-radius:12px;background:#17191b;color:#fff;box-shadow:0 16px 40px #0003;font-weight:700;font-size:13px}.fms-toast.success{background:#166534}.fms-toast.error{background:#b91c1c}.fms-account-chip{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #ece8e5;border-radius:13px;background:#fff}.fms-account-chip img{width:34px;height:34px;border-radius:10px}.fms-account-chip span{display:flex;flex-direction:column}.fms-account-chip b{font-size:11px}.fms-account-chip small{font-size:9px;color:#999}
.fms-login-body{margin:0;font-family:Tajawal,Arial,sans-serif;background:#f5f3f0;color:#17191b}.fms-login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.fms-login-art{position:relative;background:#111315 url('../images/panel-programming-bg.webp') center/cover no-repeat;color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.fms-login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#111315d9,#1113158c)}.fms-login-art>*{position:relative;z-index:2}.fms-login-art>img{width:160px;max-height:70px;object-fit:contain;object-position:right center;filter:brightness(10)}.fms-login-art span{font-size:11px;letter-spacing:2px;color:#ffb98f}.fms-login-art h1{font-size:44px;line-height:1.25;margin:14px 0}.fms-login-art p{max-width:560px;color:#d1d5db;line-height:1.9}.fms-login-card{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.fms-login-inner{width:min(410px,100%)}.fms-login-inner>small{font-weight:900;letter-spacing:2px;color:#ef6a24}.fms-login-inner h2{font-size:32px;margin:10px 0 5px}.fms-login-inner>p{color:#8b8b8b;margin-bottom:26px}.fms-login-inner label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;margin-bottom:14px}.fms-login-inner input[type=text],.fms-login-inner input[type=password]{border:1px solid #ddd;border-radius:11px;padding:13px;font:600 14px Tajawal}.fms-login-inner form>button{width:100%;border:0;border-radius:11px;padding:14px;background:linear-gradient(135deg,#ef6a24,#ff8b48);color:#fff;font:900 14px Tajawal;cursor:pointer}.fms-check{flex-direction:row!important;align-items:center}.fms-back-site{display:block;text-align:center;margin-top:18px;color:#777;text-decoration:none}.fms-alert{padding:11px 13px;border-radius:10px;margin-bottom:15px}.fms-alert.error{background:#fff1f2;color:#be123c}
@media(max-width:1050px){.fms-color-grid{grid-template-columns:repeat(3,1fr)}.fms-palettes{grid-template-columns:repeat(3,1fr)}.fms-pages-layout,.fms-grid.two{grid-template-columns:1fr}.fms-page-editor{position:static}.fms-fields.three{grid-template-columns:repeat(2,1fr)}.fms-login-shell{grid-template-columns:1fr}.fms-login-art{min-height:330px}.fms-login-art h1{font-size:34px}}@media(max-width:700px){.fms-content{padding:16px}.fms-view-head{align-items:flex-start;flex-direction:column}.fms-fields.two,.fms-fields.three,.fms-color-grid,.fms-slide-fields{grid-template-columns:1fr}.fms-palettes{grid-template-columns:repeat(2,1fr)}.fms-link-row{grid-template-columns:1fr}.fms-login-art{padding:30px}.fms-login-card{padding:30px 20px}.fms-account-chip{display:none}}
@media(max-width:900px){.fms-studio-body .fm-mobile-menu{display:flex!important}.fms-studio-body .fm-sidebar{display:flex!important}}
/* Athar law login identity */
.fms-login-body{background:#f5f1ea;color:#1b1712}.fms-login-art{background:radial-gradient(circle at 20% 20%,#302415 0,#15110c 34%,#070707 78%);color:#fff}.fms-login-art:after{background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.28));border-inline-end:1px solid rgba(205,169,107,.16)}.fms-login-art:before{content:"§";position:absolute;inset-inline-end:7%;bottom:-8%;font:400 320px Georgia,serif;color:rgba(205,169,107,.055);z-index:1}.fms-login-art>img{width:min(330px,76%);max-height:100px;filter:none;object-position:inherit}.fms-login-art span{color:#d7b57d}.fms-login-art p{color:#ded6ca}.fms-login-inner>small{color:#a77e44}.fms-login-inner input[type=text]:focus,.fms-login-inner input[type=password]:focus{outline:none;border-color:#b88d50;box-shadow:0 0 0 3px rgba(201,166,107,.12)}.fms-login-inner form>button{border-radius:7px;background:linear-gradient(135deg,#c9a66b,#e2c28f);color:#080808}.fms-login-card{background:#fffdf9}

/* Athar control-panel login artwork refresh */
.fms-login-art{
  background:#090806 url('../images/athar-control-login-bg.webp') 18% center/cover no-repeat;
  padding:52px;
}
.fms-login-art:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(5,5,4,.10) 0%,rgba(7,6,4,.24) 38%,rgba(5,5,4,.92) 66%,rgba(3,3,3,.985) 100%);
  border-inline-end:1px solid rgba(205,169,107,.16);
}
.fms-login-art:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.08) 58%,rgba(0,0,0,.36));
}
.fms-login-art>*{position:relative;z-index:2}
.fms-login-art>img{width:min(330px,76%);max-height:100px;filter:none;object-fit:contain;object-position:right center;align-self:flex-end}
.fms-login-art-title{align-self:flex-end;width:min(560px,88%);text-align:right;margin-top:auto}
.fms-login-art-title h1{font-size:25px!important;line-height:1.55;margin:0;color:#fff;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.72)}
html[dir="ltr"] .fms-login-art-title{text-align:left;align-self:flex-start}
html[dir="ltr"] .fms-login-art>img{align-self:flex-start;object-position:left center}
@media(max-width:1050px){
  .fms-login-art{min-height:360px;background-position:18% center;padding:38px}
  .fms-login-art-title h1{font-size:25px!important}
}
@media(max-width:700px){
  .fms-login-art{min-height:300px;padding:28px;background-position:22% center}
  .fms-login-art>img{width:min(280px,82%)}
  .fms-login-art-title{width:92%}
  .fms-login-art-title h1{font-size:25px!important}
}