.elementor-kit-19{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-19 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*──────────────────────────────────────────────
  ZERO-GAP  SIDEBAR + DASHBOARD
──────────────────────────────────────────────*/

/* — google font (optional) — */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* — variables — */
:root{
  --sb-wide   : 280px;   /* sidebar width ‑ expanded  */
  --sb-narrow :  90px;   /* sidebar width ‑ collapsed */
  --sidebar-bg: #1e1e1e;
  --anim      : .35s cubic-bezier(.4,0,.2,1);
}

/* — hard reset — */
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow-x:hidden;font-family:'Inter',sans-serif;background:#0d1117;color:#e6e6e6}

/* — kill Elementor / theme gaps — */
body :where(
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget,
  .elementor-widget-container,
  .elementor-section-wrap,
  #page,#content,.site
){
  padding:0!important;margin:0!important;gap:0!important;
  max-width:100%!important;width:100%!important;
}

/*────────────────  SIDEBAR  ────────────────*/
#sidebar-container{
  position:fixed;inset:0 auto 0 0;
  width:var(--sb-wide);background:var(--sidebar-bg);
  border-right:1px solid #111;
  padding:22px 0;display:flex;flex-direction:column;overflow:hidden;
  transition:transform var(--anim),width var(--anim);z-index:900;
}
body.sb-mini #sidebar-container{width:var(--sb-narrow)}

@media(max-width:768px){
  #sidebar-container{transform:translateX(-105%)}
  body.sb-open #sidebar-container{transform:none}
}

/*────────────────  DASHBOARD  ──────────────*/
#dashboard-container{
  margin-left:var(--sb-wide);                /* sits right against bar */
  width:calc(100% - var(--sb-wide));         /* exactly the remainder  */
  min-height:100vh;                          /* scrollable page        */
  display:flex;flex-direction:column;overflow:hidden;
  transition:margin-left var(--anim),width var(--anim);
}
body.sb-mini #dashboard-container{
  margin-left:var(--sb-narrow);
  width:calc(100% - var(--sb-narrow));
}
@media(max-width:768px){
  #dashboard-container{margin-left:0;width:100%;padding-bottom:70px}
}

/* iframe fills every pixel inside dashboard */
#dashFrame{
  flex:1 1 auto;width:100%;height:100%;border:0;display:block;
}

/*────────────────  TOGGLE  BUTTONS  (look only) ─────────────*/
#sbToggle,#sbMobileBtn{
  width:44px;height:44px;border:0;border-radius:8px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:#181818;color:#fff;font-size:26px;font-weight:600;
  box-shadow:0 2px 6px rgba(0,0,0,.6);
}
#sbToggle{position:absolute;top:12px;right:14px}
#sbMobileBtn{position:fixed;right:18px;bottom:18px;display:none;z-index:10050;transition:transform .2s}
#sbMobileBtn:hover{transform:scale(1.08)}
@media(max-width:768px){#sbMobileBtn{display:flex}}

/*────────────────  NAV  LINKS  (look only) ─────────────*/
.sb-links{margin-top:70px;padding:0 24px;display:flex;flex-direction:column;gap:6px}
.sb-link{display:flex;align-items:center;gap:18px;padding:13px 20px;border-radius:10px;font-size:18px;font-weight:500;color:#fff;text-decoration:none;transition:background .25s}
.sb-link:hover{background:#161616}
.sb-link.active{background:#1b1b1b}
body.sb-mini .sb-link{justify-content:center;padding:12px 0}
body.sb-mini .sb-link span{display:none}/* End custom CSS */