.gulf-admin{min-height:100vh;background:linear-gradient(180deg,#06182c 0,#0a2340 210px,#eef4f8 210px,#f6f9fc 100%);color:#102a43}
.gulf-admin>header{background:rgba(3,26,53,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 32px rgba(0,0,0,.14)}
.gulf-admin>header>div{height:72px!important;max-width:none!important;padding-inline:28px!important}
.gulf-admin>div{max-width:none!important;gap:18px!important;padding:18px 24px 38px!important;align-items:flex-start}
.gulf-admin{font-family:"Cairo","Tajawal",Arial,sans-serif}.gulf-admin aside.hidden{width:252px!important}
.gulf-admin aside>div{top:88px!important;max-height:calc(100vh - 104px)!important;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(3,26,53,.90);box-shadow:0 14px 34px rgba(3,26,53,.16);scrollbar-width:thin}
.gulf-admin aside nav{gap:3px!important}
.gulf-admin aside nav details{margin:0!important;border:0!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important}
.gulf-admin aside nav details>summary{min-height:40px!important;padding:7px 8px!important;border-radius:9px!important;color:#dceaf7!important;font-size:13px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}
.gulf-admin aside nav details>summary:hover{background:rgba(255,255,255,.06)}
.gulf-admin aside nav details[open]>summary{background:rgba(24,183,217,.10);color:#fff!important}
.gulf-admin aside nav details>summary span:first-child span:first-child{width:26px!important;height:26px!important;border-radius:7px!important;background:rgba(24,183,217,.12)!important;color:#65d6ef!important;font-size:10px!important}
.gulf-admin aside nav details>div{padding:3px 0 6px!important;border:0!important;background:transparent!important}
.gulf-admin aside nav a{min-height:36px!important;margin:1px 0;padding:6px 10px!important;border:1px solid transparent;border-radius:8px!important;color:rgba(242,248,253,.78)!important;font-size:12.5px!important;font-weight:600!important;line-height:1.55!important;letter-spacing:0!important}
.gulf-admin aside nav a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.gulf-admin aside nav a.bg-sky{background:linear-gradient(135deg,#18b7d9,#0d83bb)!important;color:#fff!important;border-color:rgba(255,255,255,.16);box-shadow:0 8px 22px rgba(24,183,217,.20)!important}
.gulf-admin aside nav+ p{margin-top:9px!important;border:0!important;border-radius:9px!important;background:rgba(255,255,255,.04)!important;color:rgba(236,246,255,.62)!important;padding:9px!important;font-size:11px!important;line-height:1.65!important}
.gulf-admin main{min-height:calc(100vh - 116px);border:1px solid #dfe8ef;border-radius:22px!important;background:#f7fafc!important;padding:26px!important;box-shadow:0 18px 48px rgba(27,58,82,.10)}
.gulf-admin main>div:first-child{border-radius:14px}
.company-ui{--co-text:#102a43;--co-muted:#64788a;--co-line:#dde7ee;--co-accent:#0d86a4}
.company-ui>.co-head,.company-ui>div>.co-head{margin-bottom:18px}
.company-ui .co-head h1{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.02em;color:#09233e}
.company-ui .co-head p{max-width:820px;color:#6b7f91}
.company-ui .co-panel{border-color:#dfe8ef!important;border-radius:17px!important;box-shadow:0 8px 28px rgba(25,55,78,.045)!important}
.company-ui .co-panel-head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #edf2f6}
.company-ui .co-stats{gap:14px!important;margin:18px 0 22px!important}
.company-ui .co-stat{min-height:145px;border-color:#dfe8ef!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f9fcfe)!important;box-shadow:0 8px 28px rgba(24,60,88,.045)}
.company-ui .co-stat:before{width:4px!important;height:42px!important;top:20px!important;background:linear-gradient(180deg,#18b7d9,#07518a)!important}
.company-ui .co-stat strong{color:#09233e!important}
.company-ui .co-stat svg{color:#0d86a4!important}
.company-ui .co-dashboard-grid{gap:18px!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)!important}
.company-ui .co-two{gap:18px!important}
.company-ui .co-quick-grid>a{border-color:#dfe8ef!important;border-radius:12px!important;background:#f7fbfd!important;transition:.18s ease}
.company-ui .co-quick-grid>a:hover{transform:translateY(-1px);border-color:#abdce7!important;background:#eef9fc!important}
.company-ui .co-row{padding:14px 0!important}
.company-ui .co-row:hover{background:#fbfdfe}
.company-ui table{border-collapse:separate;border-spacing:0;width:100%}
.company-ui thead th{position:sticky;top:0;z-index:1;background:#f3f7fa!important;color:#40566a!important;font-size:12px!important}
.company-ui th,.company-ui td{border-bottom:1px solid #e7eef3;padding:12px 11px!important}
.company-ui tbody tr:hover td{background:#fbfdff}
.company-ui .co-btn{border-radius:10px!important;font-weight:800!important}
.company-ui input,.company-ui select,.company-ui textarea{border-color:#ccd9e2!important;border-radius:10px!important;background:#fff!important}
.company-ui input:focus,.company-ui select:focus,.company-ui textarea:focus{border-color:#18b7d9!important;box-shadow:0 0 0 3px rgba(24,183,217,.11)!important;outline:0}
.company-ui .co-notice{border-radius:12px!important}
.company-ui .co-toolbar{gap:12px!important}
.company-ui .co-search input{min-height:44px}
.company-ui .co-badge{border-radius:8px!important}
.growth-theme-status{border-radius:16px!important}
.growth-theme-gallery{gap:14px!important}
.growth-theme-choice{border-radius:16px!important}
@media (max-width:1280px){
  .gulf-admin aside.hidden{width:238px!important}
  .gulf-admin>div{padding-inline:20px!important;gap:18px!important}
  .company-ui .co-dashboard-grid{grid-template-columns:1fr!important}
}
@media (max-width:1023px){
  .gulf-admin{background:#f6f9fc}
  .gulf-admin>header>div{padding-inline:16px!important}
  .gulf-admin>div{padding:14px!important}
  .gulf-admin main{min-height:auto;border-radius:18px!important;padding:18px!important}
  .company-ui .co-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .gulf-admin main{border:0;border-radius:14px!important;padding:14px!important;box-shadow:none}
  .company-ui .co-stats,.company-ui .co-two{grid-template-columns:1fr!important}
  .company-ui .co-stat{min-height:126px;padding:17px!important}
  .company-ui .co-panel{padding:16px!important}
  .company-ui .co-table-wrap{margin-inline:-8px;padding-inline:8px}
}
@media print{
  .gulf-admin{background:#fff!important}
  .gulf-admin main{border:0!important;box-shadow:none!important}
}

@media (max-width:1023px){
  .gulf-admin aside:not(.hidden){font-family:"Cairo","Tajawal",Arial,sans-serif}
  .gulf-admin aside:not(.hidden) nav details>summary{font-size:13px!important;font-weight:700!important}
  .gulf-admin aside:not(.hidden) nav a{font-size:13px!important;font-weight:600!important}
}