@font-face{font-family:Cairo;src:url('fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-W1Q.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url('fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hD45W1Q.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url('fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hAc5W1Q.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url('fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hGA5W1Q.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--ak-bg:#f4f7f3;--ak-surface:#fff;--ak-surface-2:#f7faf6;--ak-text:#14271d;--ak-muted:#6c7b71;--ak-border:#dce7df;--ak-primary:#075b3d;--ak-primary-2:#0c8152;--ak-primary-soft:#e3f2e8;--ak-gold:#c9972d;--ak-gold-soft:#fff4d3;--ak-danger:#be4148;--ak-shadow:0 16px 40px rgba(16,57,36,.09);--ak-radius:22px;--ak-sidebar:276px;--ak-topbar:76px}
html[data-theme=dark]{--ak-bg:#0a1711;--ak-surface:#122219;--ak-surface-2:#172b20;--ak-text:#eff8f1;--ak-muted:#a9bbaf;--ak-border:#294638;--ak-primary:#7ac251;--ak-primary-2:#a3d45e;--ak-primary-soft:#183c29;--ak-gold:#e2bc55;--ak-gold-soft:#3d3217;--ak-danger:#ff8585;--ak-shadow:0 16px 40px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;background:var(--ak-bg);color:var(--ak-text);font-family:Cairo,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden;transition:background .2s,color .2s}body,button,input,select,textarea{font-size:15px}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.muted{color:var(--ak-muted)}.small{font-size:.82rem}.container{width:min(1480px,100%);margin-inline:auto}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:100;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:var(--ak-sidebar);padding:24px 18px;background:linear-gradient(180deg,#075438,#063624);color:#fff;overflow-y:auto;box-shadow:-12px 0 36px rgba(0,0,0,.12);transition:width .22s,padding .22s,transform .22s}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 21px;border-bottom:1px solid rgba(255,255,255,.16)}.brand-logo{width:46px;height:46px;display:block;object-fit:contain;border-radius:11px;background:#fff;padding:3px;flex:0 0 auto}.brand-copy:only-child{display:block}.brand-copy strong:only-child{font-size:1.05rem}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff3bd,#c89227);color:#075438;font-size:1.5rem;font-weight:900}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{font-size:1.05rem}.brand-copy span{font-size:.7rem;color:#d6e8db}.sidebar-label{margin:24px 11px 8px;color:#a9c7b2;font-size:.7rem;font-weight:800}.side-nav{display:grid;gap:5px}.side-link{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:13px;color:#dceee2;font-size:.82rem;font-weight:800;transition:.18s}.side-link:hover,.side-link.active{background:rgba(255,255,255,.13);color:#fff}.side-link.active{box-shadow:inset -3px 0 var(--ak-gold)}.sidebar-card{margin-top:25px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);font-size:.75rem}.progress{height:8px;margin-top:9px;border-radius:20px;background:rgba(255,255,255,.15);overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e9c75c,#fff0ae)}.main{min-height:100vh;margin-inline-start:var(--ak-sidebar);transition:margin .22s}.topbar{position:sticky;z-index:80;top:0;min-height:var(--ak-topbar);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;background:color-mix(in srgb,var(--ak-surface) 92%,transparent);border-bottom:1px solid var(--ak-border);backdrop-filter:blur(18px)}.topbar-start,.topbar-end{display:flex;align-items:center;gap:10px;min-width:0}.top-title strong,.top-title span{display:block}.top-title strong{font-size:.98rem}.top-title span{font-size:.7rem;color:var(--ak-muted)}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ak-border);border-radius:13px;background:var(--ak-surface);color:var(--ak-text);cursor:pointer}.mobile-menu{display:none}.profile-chip{display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid var(--ak-border);border-radius:15px;background:var(--ak-surface)}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--ak-primary),var(--ak-primary-2));color:#fff;font-weight:900}.profile-chip strong,.profile-chip span{display:block;font-size:.72rem}.profile-chip span span{font-size:.62rem;color:var(--ak-muted)}.content{padding:30px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.page-head h1{margin:8px 0 5px;font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.25}.page-head p{margin:0;max-width:720px;color:var(--ak-muted);font-size:.82rem}.eyebrow{display:inline-flex;padding:5px 11px;border:1px solid color-mix(in srgb,var(--ak-primary) 20%,var(--ak-border));border-radius:99px;background:var(--ak-primary-soft);color:var(--ak-primary);font-size:.7rem;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 16px;border:0;border-radius:13px;font-weight:900;font-size:.78rem;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--ak-primary),var(--ak-primary-2));color:#fff}.btn-soft{background:var(--ak-surface);border:1px solid var(--ak-border);color:var(--ak-text)}.btn-gold{background:linear-gradient(135deg,#eac75f,#b98119);color:#2f240b}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--ak-surface);border:1px solid var(--ak-border);border-radius:var(--ak-radius);box-shadow:var(--ak-shadow)}.card-pad{padding:21px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card-title h2,.card-title h3{margin:0;font-size:1rem}.hero{position:relative;overflow:hidden;min-height:360px;padding:45px;border-radius:30px;background:linear-gradient(135deg,#064c34,#0a7b4d 62%,#94a934);color:#fff;box-shadow:0 24px 60px rgba(6,76,52,.2)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.hero:before{width:480px;height:480px;inset-inline-start:-150px;inset-block-start:-210px}.hero:after{width:260px;height:260px;inset-inline-end:32%;inset-block-end:-190px}.hero>*{position:relative;z-index:1}.hero h1{max-width:650px;margin:17px 0 13px;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.2}.hero p{max-width:610px;color:#e1f1e6}.hero-art img{width:min(340px,100%);margin-inline:auto;padding:23px;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 20px 45px rgba(0,0,0,.16)}.hero-actions,.head-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.stat-card{position:relative;overflow:hidden;padding:20px}.stat-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--ak-primary-soft);color:var(--ak-primary);font-weight:900}.stat-label{display:block;margin-top:11px;color:var(--ak-muted);font-size:.73rem;font-weight:800}.stat-value{display:block;margin-top:5px;font-size:1.5rem;font-weight:900}.section{margin-top:34px}.product-card{overflow:hidden}.product-image{display:block;height:190px;background:var(--ak-surface-2)}.product-image img{width:100%;height:100%;object-fit:cover}.product-card .card-pad h2,.product-card .card-pad h3{margin:6px 0;font-size:.92rem}.table-wrap{overflow-x:auto;border:1px solid var(--ak-border);border-radius:17px}.table{width:100%;min-width:700px;border-collapse:collapse;background:var(--ak-surface)}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--ak-border);text-align:right;font-size:.74rem}.table th{background:var(--ak-surface-2);color:var(--ak-muted);font-size:.68rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;margin-bottom:6px;color:var(--ak-muted);font-size:.7rem;font-weight:900}.input,.select,.textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--ak-border);border-radius:12px;background:var(--ak-surface-2);color:var(--ak-text);outline:0}.input:focus,.select:focus,.textarea:focus{border-color:var(--ak-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ak-primary) 15%,transparent)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--ak-bg)}.auth-visual{display:flex;flex-direction:column;justify-content:center;padding:60px;background:linear-gradient(145deg,#06442f,#0a8152 65%,#9bac34);color:#fff}.auth-copy h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.auth-copy p{color:#e1f1e6}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{width:min(470px,100%)}.auth-form h2{margin:0 0 7px;font-size:1.7rem}.auth-form>p{margin:0 0 22px;color:var(--ak-muted);font-size:.8rem}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:23px 30px;border-top:1px solid var(--ak-border);color:var(--ak-muted);font-size:.68rem}.overlay{display:none}
body.sidebar-collapsed .sidebar{width:0;padding-inline:0;overflow:hidden;box-shadow:none}body.sidebar-collapsed .sidebar>*{opacity:0;pointer-events:none}body.sidebar-collapsed .main{margin-inline-start:0}
html[data-theme=dark] img{opacity:.96}
@media(max-width:1100px){:root{--ak-sidebar:250px}.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:36px}.hero h1{font-size:clamp(1.9rem,3.6vw,3rem)}}
@media(max-width:820px){.sidebar{transform:translateX(105%);width:min(86vw,310px);padding:22px 18px}.sidebar.open{transform:translateX(0)}.main{margin-inline:0}.mobile-menu{display:grid}.overlay{display:block;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.top-title{display:none}.content{padding:21px}.page-head{flex-direction:column}.head-actions{width:100%}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:31px 24px;min-height:0}.hero .grid-2{grid-template-columns:1fr}.hero-art{margin-top:22px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:560px){.content{padding:15px}.topbar{padding:11px 15px;min-height:68px}.profile-chip{display:none}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hero{padding:27px 20px;border-radius:23px}.hero h1{font-size:2rem}.hero-actions .btn{width:100%}.card-pad{padding:16px}.product-image{height:215px}.footer{padding:20px 15px;flex-direction:column}.auth-form-wrap{padding:25px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


@media(max-width:820px){
  html,body{width:100%;min-width:0;overflow-x:hidden!important}
  .app-shell,.main,.content,.container{width:100%;max-width:100%;min-width:0}
  .sidebar{inset-block:0;inset-inline-start:0;inset-inline-end:auto;transform:translate3d(105%,0,0);width:min(84vw,310px);max-width:310px;overflow-y:auto;overflow-x:hidden}
  .sidebar.open{transform:translate3d(0,0,0)}
  .main{margin-inline:0!important}
  .topbar{width:100%;min-width:0}
  .content{padding-inline:15px}
  .hero{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .hero .grid-2{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}
  .hero h1,.hero p{max-width:100%;overflow-wrap:anywhere}
  .hero-art{width:100%;max-width:100%;min-width:0;margin-top:22px}
  .hero-art img{width:min(270px,82vw);max-width:100%;margin-inline:auto}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn{width:100%;min-width:0}
  .grid-2,.grid-3,.grid-4{min-width:0}
  .card,.stat-card,.product-card{min-width:0;max-width:100%}
}
@media(max-width:560px){
  .topbar{padding-inline:12px;gap:7px}
  .topbar-start,.topbar-end{gap:7px;min-width:0}
  .topbar-end .btn{padding-inline:10px;white-space:nowrap}
  .content{padding:13px}
  .hero{padding:24px 17px;border-radius:22px}
  .hero h1{font-size:clamp(1.75rem,8.5vw,2.25rem);line-height:1.28}
  .hero p{font-size:.82rem;line-height:1.85}
  .footer{width:100%;overflow-wrap:anywhere}
}


.side-link .nav-badge{margin-inline-start:auto;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:#efc75f;color:#173326;font-size:.63rem;font-weight:900}
.side-link .nav-badge[hidden],.badge-dot[hidden]{display:none!important}
.badge-dot{position:absolute;top:4px;inset-inline-start:4px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;border:2px solid var(--ak-surface);border-radius:999px;background:#e34949;color:#fff;font-size:.58rem;font-weight:900}.icon-btn{position:relative}.side-link .nav-badge.nav-badge-danger{background:#e34949;color:#fff}
.avatar-photo{padding:0!important;overflow:hidden;background:var(--ak-surface-2)!important}.avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-avatar-photo{padding:0;overflow:hidden;background:var(--ak-surface-2)}.account-avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Pagination: custom AlKhamael + Bootstrap-5 markup without Bootstrap CSS */
.ak-pagination{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px;padding:16px 12px;border:1px solid var(--ak-border);border-radius:18px;background:var(--ak-surface);box-shadow:var(--ak-shadow)}
.ak-pagination-meta{margin:0;color:var(--ak-muted);font-size:.78rem;text-align:center}
.ak-pagination-meta strong{color:var(--ak-text);font-weight:900}
.ak-pagination-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.ak-pagination-list li{list-style:none;margin:0;padding:0}
.ak-pagination-list a,.ak-pagination-list span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border:1px solid var(--ak-border);border-radius:11px;background:var(--ak-surface-2);color:var(--ak-text);font-size:.78rem;font-weight:800;text-decoration:none;transition:.15s}
.ak-pagination-list a:hover{border-color:var(--ak-primary);color:var(--ak-primary);background:var(--ak-primary-soft)}
.ak-pagination-list .is-active span{background:var(--ak-primary);border-color:var(--ak-primary);color:#fff}
.ak-pagination-list .is-disabled span{opacity:.45;cursor:default}
nav.d-flex{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:16px}
nav.d-flex>.d-flex.d-sm-none,nav.d-flex>.justify-content-between.flex-fill.d-sm-none{display:none!important}
nav.d-flex>.d-none.flex-sm-fill,nav.d-flex>.d-none.d-sm-flex{display:flex!important;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
nav.d-flex .small.text-muted{margin:0;color:var(--ak-muted);font-size:.78rem}
ul.pagination{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;list-style:none!important;margin:0;padding:0}
ul.pagination>li{list-style:none!important;margin:0;padding:0}
ul.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border:1px solid var(--ak-border);border-radius:11px;background:var(--ak-surface);color:var(--ak-text);font-size:.78rem;font-weight:800;text-decoration:none}
ul.pagination .page-item.active .page-link,ul.pagination .page-item.active>span.page-link{background:var(--ak-primary);border-color:var(--ak-primary);color:#fff}
ul.pagination .page-item.disabled .page-link{opacity:.45}
ul.pagination .page-link:hover{border-color:var(--ak-primary);color:var(--ak-primary)}
@media(max-width:560px){.ak-pagination{padding:14px 10px;border-radius:15px}.ak-pagination-list a,.ak-pagination-list span,ul.pagination .page-link{min-width:34px;height:34px;font-size:.72rem}}