/* ================= Filament mapped onto the Ghaseel design ================= */
:root{
  --navy:#0A2470;--blue:#1640B8;--ice:#EAF4FF;--ice-2:#F4F9FF;--bg:#F5F7FB;--line:#E6EBF3;--line-2:#EFF2F7;
  --ink:#0B1533;--ink-2:#4B5675;--ink-3:#8C95AB;--ink-4:#B8C0D2;
  --ok:#0FA968;--ok-50:#E5F7EF;--warn:#E08A00;--warn-50:#FFF4E0;--err:#E0453A;--err-50:#FDEDEB;--gold:#F5B301;
  --grad:linear-gradient(135deg,#2457DB 0%,#1640B8 55%,#0F2E8C 100%);
  --bar:#CFE0FF;--card:#fff;--page:#F6F8FC;--thead:#FAFBFD;--warn-ink:#A86600;--glow-1:#DCE8FF;--glow-2:#D9F4FD;
  --disp:'Cairo',sans-serif;
  --sh-2:0 1px 2px rgba(11,21,51,.04),0 12px 32px -12px rgba(20,56,166,.22);
}
html,body,.fi-body{font-family:'Cairo',system-ui,sans-serif!important;background:var(--page)!important;color:var(--ink)}
.num{font-variant-numeric:lining-nums}
.adm-kpis svg,.adm-top svg,.aav svg,.ic svg{width:18px;height:18px;fill:currentColor}

/* sidebar */
.fi-sidebar{background:linear-gradient(180deg,#0A2470,#081B55)!important;border:0!important;box-shadow:none!important;width:236px!important}
.fi-sidebar-header,.fi-sidebar-header-ctn{background:transparent!important;box-shadow:none!important;border:0!important;height:auto!important}
.fi-sidebar-header{padding:20px 20px 8px!important}
.fi-logo{height:30px!important}
.fi-sidebar-nav{padding:6px 12px 20px!important;gap:0!important;scrollbar-width:none}
.fi-sidebar-nav-groups{gap:0!important;margin:0!important}
.fi-sidebar-group{gap:0!important}
.fi-sidebar-group-btn{padding:16px 10px 6px!important;background:none!important}
.fi-sidebar-group-label{color:#fff!important;opacity:.5;font-size:11px!important;font-weight:500!important}
.fi-sidebar-group-items{gap:2px!important}
.fi-sidebar-item-btn{padding:9px 10px!important;border-radius:10px!important;gap:10px!important;background:none!important}
.fi-sidebar-item-btn:hover{background:rgba(255,255,255,.06)!important}
.fi-sidebar-item-label{color:rgba(255,255,255,.75)!important;font-size:13.5px!important;font-weight:400!important}
.fi-sidebar-item-icon{color:rgba(255,255,255,.75)!important;width:18px!important;height:18px!important;fill:currentColor!important}
.fi-sidebar-item.fi-active .fi-sidebar-item-btn,.fi-sidebar-item-active .fi-sidebar-item-btn{background:rgba(255,255,255,.13)!important}
.fi-sidebar-item.fi-active .fi-sidebar-item-label,.fi-sidebar-item-active .fi-sidebar-item-label,.fi-sidebar-item.fi-active .fi-sidebar-item-icon,.fi-sidebar-item-active .fi-sidebar-item-icon{color:#fff!important;font-weight:600!important}
.fi-sidebar-item .fi-badge{background:var(--warn)!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:999px;padding:1px 7px;font-size:11px;font-family:var(--disp)}
.fi-sidebar-footer,.fi-sidebar-close-overlay{display:none}

/* top bar and page frame */
.fi-main-ctn{background:var(--page)}
.fi-main{padding:0!important;max-width:none!important}
.fi-page{padding:0!important}
.fi-page>.fi-page-header-main-ctn,.fi-page-header-main-ctn{padding:22px 24px 0!important;gap:16px!important}
.fi-page-main,.fi-page-content{padding:0 0 40px!important;gap:16px!important}
.fi-page-content>*{margin-inline:0}
.fi-page-content{padding-inline:0!important}
.fi-header{align-items:flex-end!important;gap:12px!important}
.fi-header-heading{font-family:var(--disp)!important;font-size:20px!important;font-weight:600!important;letter-spacing:0!important;color:var(--ink)!important}
.fi-header-subheading{color:var(--ink-3)!important;font-size:13px!important;margin-top:2px!important;max-width:none!important}
.adm-top{height:64px;display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.adm-top h2{font-family:var(--disp);font-size:18px;font-weight:600;white-space:nowrap}
.adm-search{margin-inline-start:auto;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:0 12px;height:40px;width:300px;color:var(--ink-3)}
.adm-search input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:13px;padding:0;box-shadow:none}
.adm-ib{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:var(--card);color:var(--ink-2);flex:none}
.adm-ib .dt{position:absolute;top:8px;inset-inline-end:9px;width:8px;height:8px;border-radius:50%;background:var(--err)}
.adm-me{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}
.adm-me b{display:block;font-size:13px}
.adm-me .av{width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:600}
.adm-logout{color:var(--ink-3);display:grid;place-items:center;padding:4px;background:none;border:0;cursor:pointer}

/* design building blocks */
.adm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.akpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.akpi .h{display:flex;align-items:center;justify-content:space-between;color:var(--ink-2);font-size:12.5px;gap:8px}
.akpi .ic{width:34px;height:34px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:none}
.akpi b{display:block;font-family:var(--disp);font-size:24px;font-weight:600;margin-top:8px;white-space:nowrap}
.akpi small{font-size:12px;color:var(--ok)}.akpi small.dn{color:var(--err)}.akpi small.mu{color:var(--ink-3)}
.acard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}
.acard>.hd{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-2)}
.acard>.hd b{font-family:var(--disp);font-weight:600;font-size:15px}
.acard>.hd .sp{margin-inline-start:auto;display:flex;gap:8px;align-items:center}
.acard>.bd{padding:16px 18px}.acard .tw{overflow-x:auto}
.agrid{display:grid;gap:16px;margin-top:16px}
.g2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.atbl{width:100%;border-collapse:collapse;font-size:13.5px}
.atbl th{text-align:start;font-weight:500;color:var(--ink-3);font-size:12px;padding:10px 18px;background:var(--thead);border-bottom:1px solid var(--line-2);white-space:nowrap}
.atbl td{padding:12px 18px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.atbl tr:last-child td{border-bottom:0}
.ac{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--bg);color:var(--ink-2)}
.ac.ok{background:var(--ok-50);color:var(--ok)}.ac.warn{background:var(--warn-50);color:var(--warn-ink)}.ac.err{background:var(--err-50);color:var(--err)}.ac.blue{background:var(--ice);color:var(--blue)}
.alink{color:var(--blue);font-size:13px;font-weight:500}
.asrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2);width:100%}
.asrow:last-child{border-bottom:0}.asrow .tx{flex:1;min-width:0}.asrow .tx b{display:block;font-size:13.5px;font-weight:600}.asrow .tx span{font-size:12px;color:var(--ink-3)}
.asrow b.big{font-family:var(--disp);font-size:17px}
.aav{width:34px;height:34px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-weight:600;font-size:13px;flex:none}
.arow{display:flex;align-items:center;gap:10px;min-width:0}.amu{color:var(--ink-3);font-size:12px}
.abar{height:8px;border-radius:4px;background:var(--line-2);overflow:hidden}.abar i{display:block;height:100%;background:var(--blue);border-radius:4px}
.atabs{display:flex;gap:6px;flex-wrap:wrap}
.atabs a{padding:7px 14px;border-radius:10px;font-size:13px;background:var(--card);border:1px solid var(--line);color:var(--ink-2)}
.atabs a.on{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Filament tabs become the design's pills */
.fi-tabs{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;gap:6px!important;margin:0!important;justify-content:flex-start!important;max-width:none!important;flex-wrap:wrap}
.fi-tabs-item{padding:7px 14px!important;border-radius:10px!important;background:var(--card)!important;border:1px solid var(--line)!important;color:var(--ink-2)!important;font-size:13px!important;font-weight:400!important}
.fi-tabs-item-label{color:inherit!important}
.fi-tabs-item.fi-active{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}

/* tables become the design's card */
.fi-ta-ctn{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden}
.fi-ta-header{padding:14px 18px!important;border-bottom:1px solid var(--line-2)!important}
.fi-ta-header-heading{font-family:var(--disp)!important;font-weight:600!important;font-size:15px!important}
.fi-ta-ctn{position:relative}
.fi-ta-header-toolbar{padding:10px 18px!important;border:0!important}
.fi-ta-ctn:has(.fi-ta-header-heading) .fi-ta-header-toolbar{position:absolute;top:0;inset-inline-end:0;padding:9px 18px!important;background:none!important;width:auto}
.fi-ta-search-field{width:220px}
.fi-ta-search-field .fi-input-wrp{height:34px;background:var(--bg)}
.fi-ta-table{font-size:13.5px}
.fi-ta-table thead,.fi-ta-table thead tr{background:var(--thead)!important}
.fi-ta-header-cell{padding:10px 14px!important;color:var(--ink-3)!important;font-size:12px!important;font-weight:500!important}
.fi-ta-cell{padding:0!important;border-color:var(--line-2)!important}
.fi-ta-cell>*{padding:12px 14px!important}
.fi-ta-cell .fi-ta-text{padding:0!important}
.fi-ta-record:hover{background:var(--ice-2)!important}
.fi-ta-text-item,.fi-ta-text{font-size:13.5px!important}
.fi-ta-actions{gap:6px!important}
.fi-ta-actions .fi-link{font-size:12.5px!important}
.fi-pagination{padding:10px 18px!important}

/* badges */
.fi-badge{border-radius:999px!important;font-size:12px!important;font-weight:500!important;padding:3px 10px!important;box-shadow:none!important;border:0!important;background:var(--bg)!important;color:var(--ink-2)!important}
.fi-badge.fi-color-success{background:var(--ok-50)!important;color:var(--ok)!important}
.fi-badge.fi-color-warning{background:var(--warn-50)!important;color:var(--warn-ink)!important}
.fi-badge.fi-color-danger{background:var(--err-50)!important;color:var(--err)!important}
.fi-badge.fi-color-info{background:var(--ice)!important;color:var(--blue)!important}
.fi-badge.fi-color-primary{background:var(--ice)!important;color:var(--blue)!important}

.fi-tabs .fi-tabs-item .fi-badge{background:none!important;color:inherit!important;opacity:.65;padding:0!important;min-width:0;font-family:var(--disp)}

/* buttons, inputs, drawers */
.fi-btn{border-radius:11px!important;font-weight:600!important;font-size:13px!important;box-shadow:none!important}
.fi-btn.fi-color-primary{background:var(--grad)!important;color:#fff!important}
.fi-input-wrp{border-radius:11px!important;box-shadow:none!important;border:1px solid var(--line)!important}
.fi-modal-window{border-radius:0!important}
.fi-modal-header{border-bottom:1px solid var(--line)}
.fi-modal-heading{font-family:var(--disp)!important;font-size:16px!important;font-weight:600!important}
.fi-sc-section,.fi-section{border-radius:16px!important;box-shadow:none!important;border:1px solid var(--line)!important}
@media (max-width:1100px){.g2,.g3{grid-template-columns:1fr}}

.atabs + * .fi-tabs,.atabs ~ * .fi-tabs{display:none}

.fi-wi{display:block!important}
.fi-wi>*{width:100%!important;max-width:none!important}
.afield{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.afield label{font-size:12.5px;color:var(--ink-2)}
.afield .in{height:40px;border:1px solid var(--line);border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--card);color:var(--ink-3)}
.afield .in input{border:0;outline:0;flex:1;min-width:0;font-size:13.5px;background:none;color:var(--ink);padding:0;box-shadow:none}
.afield .in em{font-style:normal;font-size:12px}.ferr{color:var(--err);font-size:12px}
.achips{display:flex;gap:6px;flex-wrap:wrap}
.achips button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;background:var(--card);color:var(--ink-2)}
.achips button.on{background:var(--ice);border-color:var(--blue);color:var(--blue);font-weight:600}
.akv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13.5px}.akv:last-child{border-bottom:0}.akv span{color:var(--ink-2)}.akv b{font-weight:600}
.abtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:11px;background:var(--grad);color:#fff;font-size:13px;font-weight:600}
.abtn.out{background:var(--card);color:var(--ink);border:1px solid var(--line)}.abtn.sm{height:32px;padding:0 10px;font-size:12.5px;border-radius:9px}
.aperm td{text-align:center}.aperm td:first-child{text-align:start}.aperm th{text-align:center}.aperm th:first-child{text-align:start}.aperm .y{color:var(--ok)}.aperm .n{color:var(--ink-4)}

.fi-sidebar .fi-sidebar-item .fi-badge{background:var(--warn)!important;color:#fff!important;font-family:var(--disp)}

.fi-modal-slide-over-window{max-width:460px!important;width:92%!important}
.fi-modal-slide-over-window .fi-sc{gap:0!important}
.fi-modal-slide-over-window .fi-in-entry{padding:9px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.fi-modal-slide-over-window .fi-in-entry-label{color:var(--ink-2);font-weight:400;font-size:13.5px}

/* sign-in and other simple pages */
.fi-simple-layout{background:radial-gradient(900px 500px at 75% -10%,var(--glow-1) 0%,transparent 60%),radial-gradient(700px 400px at 10% 110%,var(--glow-2) 0%,transparent 55%),var(--page)}
.fi-simple-main{border-radius:22px!important;box-shadow:var(--sh-2)!important;border:1px solid var(--line)!important}
.fi-simple-header .fi-logo{content:url(/images/wordmark.png);height:38px!important}
.fi-simple-header-heading{font-family:var(--disp)!important;font-size:20px!important;font-weight:600!important}

/* every submit shows it is working */
.fi-btn{position:relative}
.fi-btn:disabled,.fi-btn.fi-processing{cursor:wait}
.fi-btn:disabled::before,.fi-btn.fi-processing::before{content:'';width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:gh-spin .7s linear infinite;flex:none}
.fi-btn.fi-color-gray:disabled::before{border-color:rgba(11,21,51,.2);border-top-color:var(--ink-2)}
@keyframes gh-spin{to{transform:rotate(360deg)}}

.adm-profile{display:flex;align-items:center;gap:10px}
.fi-sidebar a{text-decoration:none}

/* dark theme */
html.dark{
  --ice:#1B2A52;--ice-2:#16213F;--line:#2A3450;--line-2:#1F2842;--blue:#7BA3FF;
  --ink:#EEF2FA;--ink-2:#B4BDD3;--ink-3:#8791AB;--ink-4:#5C6681;
  --ok:#2BCB8A;--ok-50:#12352A;--warn:#F0A63A;--warn-50:#3A2A0E;--err:#F06B60;--err-50:#3D1C1C;
  --bar:#2A3B68;--card:#141C33;--page:#0B1226;--thead:#182140;--warn-ink:#F0C070;--glow-1:#16264F;--glow-2:#10283A;
  color-scheme:dark;
}
html.dark .fi-section,html.dark .fi-modal-window,html.dark .fi-dropdown-panel,html.dark .fi-fo-field-wrp .fi-input-wrp,html.dark .fi-input-wrp,html.dark .fi-simple-main,html.dark .fi-wi-stats-overview-stat,html.dark .fi-pagination,html.dark .fi-ta-header-ctn,html.dark .fi-ta-cell,html.dark .fi-ta-row{background-color:var(--card)!important}
html.dark .fi-ta-row:hover,html.dark .fi-ta-row:hover .fi-ta-cell{background-color:var(--thead)!important}
html.dark .fi-input,html.dark .fi-select-input,html.dark .fi-ta-text,html.dark .fi-ta-text-item-label,html.dark .fi-section-header-heading,html.dark .fi-header-heading,html.dark .fi-fo-field-label-content,html.dark .fi-modal-heading{color:var(--ink)!important}
html.dark .fi-header-subheading,html.dark .fi-section-header-description,html.dark .fi-modal-description{color:var(--ink-2)!important}
html.dark .fi-simple-header .fi-logo{content:url(/images/wordmark_white.png)}
html.dark .adm-search,html.dark .adm-search input{background:var(--page);color:var(--ink)}
.adm-theme .sun{display:none}
html.dark .adm-theme .sun{display:block}
html.dark .adm-theme .moon{display:none}
html.dark .fi-badge.fi-color-gray,html.dark .fi-badge:not([class*=fi-color-]){background:var(--thead)!important;color:var(--ink-2)!important}