.ap2-page{direction:rtl;display:grid;gap:14px;padding-bottom:28px}.ap2-bar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #d8e3ea;border-radius:16px;background:#fffffff7;box-shadow:0 10px 28px #0a2f4a17}.ap2-bar>div{display:flex;gap:5px;padding:4px;border-radius:12px;background:#edf3f7}.ap2-bar button{border:0;border-radius:9px;padding:10px 18px;background:transparent;color:#607484;font-weight:900}.ap2-bar button.active{background:linear-gradient(135deg,#092f4e,#17688f);color:#fff}.ap2-bar label{display:flex;align-items:center;gap:8px;color:#718494;font-size:10px;font-weight:900}.ap2-bar label.hide{visibility:hidden}.ap2-bar select{min-width:180px;padding:10px;border:1px solid #d1dee7;border-radius:10px;background:#fff;color:#173d5d;font-weight:900}.ap2-hero{display:flex;justify-content:space-between;align-items:center;padding:28px;border:1px solid #d8ab3973;border-radius:24px;background:radial-gradient(circle at 12% 20%,#1db3ca33,transparent 34%),linear-gradient(135deg,#061f37,#0c4269 62%,#12718f);color:#fff;box-shadow:0 20px 46px #041c2f38}.ap2-hero span{color:#edc85c;font-size:10px;font-weight:900}.ap2-hero h2{margin:8px 0;font-size:28px}.ap2-hero p{margin:0;color:#cbdce8;font-size:11px}.ap2-hero aside{min-width:185px;padding:16px;border:1px solid #ffffff2b;border-radius:16px;background:#ffffff14;text-align:center}.ap2-hero aside small{display:block;color:#cbdbe7}.ap2-hero aside strong{display:block;margin-top:7px;color:#f0cd68;font-size:21px}.ap2-kpis,.ap2-hi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ap2-kpis article,.ap2-hi article{padding:16px;border:1px solid #dce5ec;border-radius:15px;background:#fff;box-shadow:0 8px 23px #0a2f4b12}.ap2-kpis span,.ap2-hi span,.ap2-hi small{display:block;color:#718494;font-size:9px;font-weight:900}.ap2-kpis strong{display:block;margin-top:9px;color:#143e5f;font-size:20px}.ap2-hi strong{display:block;overflow:hidden;margin:8px 0;color:#173d5c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ap2-hi .success{background:#f2faf6;border-color:#9fd4b9}.ap2-hi .warning{background:#fff9e9;border-color:#e1c26f}.ap2-hi .danger{background:#fff3f4;border-color:#e39aa1}.ap2-grid,.ap2-month-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.7fr);gap:14px}.ap2-panel{overflow:hidden;border:1px solid #dce5ec;border-radius:18px;background:#fff;box-shadow:0 10px 29px #0a2f4b12}.ap2-panel>header{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e5ecf1;background:linear-gradient(#f8fafb,#f1f5f7);color:#173d5d;font-weight:900}.ap2-chart{padding:15px;overflow:auto}.ap2-chart svg{display:block;width:100%;min-width:680px}.ap2-chart polyline{fill:none;stroke:#16a9c4;stroke-width:5}.ap2-chart circle{fill:#f0c95f;stroke:#0b496e;stroke-width:3}.ap2-chart text{fill:#667b8c;font-size:13px;font-weight:900}.ap2-ins{display:grid;gap:10px;padding:15px}.ap2-ins p{margin:0;padding:13px;border:1px solid #e3e9ee;border-radius:11px;background:#f9fbfc;color:#586f80;font-size:10px}.ap2-ins .future{background:#fff9e8;border-color:#e2c36c}.ap2-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:15px}.ap2-months>article{overflow:hidden;border:1px solid #dce5ec;border-radius:14px;background:#fbfcfd}.ap2-months article header{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #e7edf1}.ap2-months article>div{padding:17px 12px;color:#123f60;font-size:18px;font-weight:900}.ap2-months footer{display:flex;justify-content:space-between;padding:0 12px 12px;color:#718494;font-size:8px}.ap2-months button{width:100%;border:0;border-top:1px solid #e3eaf0;padding:10px;background:#eef4f7;color:#164566;font-weight:900}.ap2-rank{padding:10px 15px}.ap2-rank>div{display:grid;grid-template-columns:38px minmax(0,1fr) 160px;align-items:center;gap:12px;padding:11px;border-bottom:1px solid #edf1f4}.ap2-rank b,.ap2-table td b{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eaf1f5;color:#17415f}.ap2-rank section strong{display:block;margin-bottom:7px;color:#173c5b;font-size:10px}.ap2-rank i{display:block;height:7px;overflow:hidden;border-radius:10px;background:#e7eef3}.ap2-rank i span{display:block;height:100%;background:linear-gradient(90deg,#2079da,#13afc5)}.ap2-rank aside{text-align:left}.ap2-rank aside strong,.ap2-rank aside small{display:block}.ap2-table{overflow:auto}.ap2-table table{width:100%;min-width:1060px;border-collapse:collapse}.ap2-table th,.ap2-table td{padding:12px 10px;border-bottom:1px solid #edf1f4;text-align:right;white-space:nowrap;font-size:9px}.ap2-table th{position:sticky;top:0;background:#123f61;color:#fff}.ap2-alerts{display:grid;gap:9px;max-height:620px;overflow:auto;padding:13px}.ap2-alerts article{padding:12px;border:1px solid #e3c66f;border-radius:12px;background:#fff9e9}.ap2-alerts strong,.ap2-alerts span{display:block}.ap2-alerts p{font-size:9px;color:#6b7781}.ap2-alerts span{font-size:8px;color:#82621b}.ap2-empty,.ap2-loading,.ap2-error{padding:35px;border:1px dashed #b8d6c8;border-radius:15px;background:#f2faf6;color:#167348;text-align:center;font-weight:900}.ap2-error{border-color:#e1a0a6;background:#fff3f4;color:#ae2c37}.up,.excellent{color:#07804e!important}.down,.danger{color:#bd2d3a!important}.warn{color:#a67512!important}.good{color:#176495!important}.flat{color:#708290!important}@media(max-width:1100px){.ap2-kpis,.ap2-hi{grid-template-columns:repeat(3,1fr)}.ap2-months{grid-template-columns:repeat(2,1fr)}.ap2-grid,.ap2-month-grid{grid-template-columns:1fr}}@media(max-width:680px){.ap2-bar,.ap2-hero{align-items:stretch;flex-direction:column}.ap2-bar label.hide{display:none}.ap2-kpis,.ap2-hi,.ap2-months{grid-template-columns:1fr 1fr}.ap2-rank>div{grid-template-columns:34px minmax(0,1fr)}.ap2-rank aside{grid-column:2;text-align:right}}

/* ANALYTICS TOOLBAR OVERLAY FIX */
.ap2-bar {
  position: relative !important;
  top: auto !important;
  z-index: 5 !important;
}

.ap2-page {
  overflow: visible !important;
}

@media (min-width: 1200px) {
  .ap2-bar {
    position: sticky !important;
    top: 12px !important;
    margin-bottom: 4px !important;
  }
}

@media (max-width: 1199px) {
  .ap2-bar {
    position: relative !important;
    top: auto !important;
  }
}

/* ANALYTICS CENTER LOGO */
.ap2-hero {
  position: relative;
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    150px
    185px;
  align-items: center;
  gap: 24px;
}

.ap2-hero-copy {
  min-width: 0;
}

.ap2-hero-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ap2-hero-logo img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
  border-radius: 24px;
  filter:
    drop-shadow(
      0 14px 22px
      rgba(0, 0, 0, .28)
    );
}

@media (max-width: 900px) {
  .ap2-hero {
    grid-template-columns:
      minmax(0, 1fr)
      105px
      145px;
    gap: 14px;
  }

  .ap2-hero-logo img {
    width: 86px;
    height: 86px;
    border-radius: 19px;
  }
}

@media (max-width: 680px) {
  .ap2-hero {
    display: flex !important;
    flex-direction: column;
    text-align: center;
  }

  .ap2-hero-logo {
    order: -1;
  }

  .ap2-hero-logo img {
    width: 82px;
    height: 82px;
  }

  .ap2-hero aside {
    width: 100%;
    box-sizing: border-box;
  }
}

/* ANALYTICS CENTER LOGO POSITION FIX */


@media(max-width:900px){
  
}

@media(max-width:680px){
  
}





/* ANALYTICS LOGO EXACT CENTER */
.ap2-hero {
  position: relative !important;
}

.ap2-hero .ap2-hero-center-logo {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 4 !important;
}

@media (max-width: 900px) {
  .ap2-hero .ap2-hero-center-logo {
    left: 50% !important;
    right: auto !important;
  }
}

@media (max-width: 680px) {
  .ap2-hero .ap2-hero-center-logo {
    left: 50% !important;
    right: auto !important;
  }
}

/* ANALYTICS PERIOD CARD — FINAL LEFT POSITION */
.ap2-hero {
  position: relative !important;
}

.ap2-hero > aside {
  position: absolute !important;
  left: 36px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 3 !important;
}

/* مساحة آمنة بين الكارت والشعار */
.ap2-hero > div:first-child {
  max-width: 48% !important;
}

/* الشعار يظل في منتصف الهيدر */
.ap2-hero .ap2-hero-center-logo {
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 900px) {
  .ap2-hero > aside {
    left: 22px !important;
  }
}

@media (max-width: 680px) {
  .ap2-hero > aside {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-top: 12px !important;
  }

  .ap2-hero > div:first-child {
    max-width: none !important;
  }
}