/* =========================================================
   ZIEL SYSTEM - CRM MODERN RESPONSIVE THEME
   Version: 2026-06-22
   Scope: frontend-only. Does not change PHP/API logic.
   ========================================================= */
:root{
  --ziel-bg:#eef4fb;
  --ziel-bg-2:#f8fbff;
  --ziel-surface:#ffffff;
  --ziel-surface-soft:#f7f9fc;
  --ziel-card:#ffffff;
  --ziel-text:#152033;
  --ziel-muted:#64748b;
  --ziel-line:#dfe7f1;
  --ziel-line-soft:#edf2f7;
  --ziel-primary:#0f766e;
  --ziel-primary-2:#14b8a6;
  --ziel-primary-dark:#115e59;
  --ziel-accent:#2563eb;
  --ziel-accent-2:#38bdf8;
  --ziel-danger:#e11d48;
  --ziel-warning:#f59e0b;
  --ziel-success:#16a34a;
  --ziel-radius-sm:10px;
  --ziel-radius:16px;
  --ziel-radius-lg:22px;
  --ziel-shadow-sm:0 4px 12px rgba(15,23,42,.06);
  --ziel-shadow:0 14px 35px rgba(15,23,42,.10);
  --ziel-shadow-lg:0 22px 60px rgba(15,23,42,.16);
  --ziel-container:1500px;
  --ziel-header-offset:150px;
  --ziel-font:'Inter','Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

html{scroll-behavior:smooth;}
*{box-sizing:border-box;}
body{
  min-width:0!important;
  margin:0;
  font-family:var(--ziel-font)!important;
  color:var(--ziel-text);
  background:
    radial-gradient(circle at top left, rgba(20,184,166,.12), transparent 28rem),
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 28rem),
    linear-gradient(180deg,var(--ziel-bg-2),var(--ziel-bg));
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.ziel-mobile-menu-open{overflow:hidden;}
img,svg,canvas,video,iframe{max-width:100%;}
a{transition:color .18s ease, opacity .18s ease;}

/* Global containers */
main,
.main,
.main-content,
.content,
.container-fluid,
.dashboard-container,
.page-container,
.wrapper,
#contenido,
#content,
#main-content{
  max-width:var(--ziel-container);
  margin-left:auto;
  margin-right:auto;
}
.container-fluid{width:100%;}
main{padding-left:clamp(12px,2vw,24px)!important;padding-right:clamp(12px,2vw,24px)!important;}

/* Header / top shell */
.header,
header.header,
.top-header,
.ziel-header{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:rgba(255,255,255,.88)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 8px 26px rgba(15,23,42,.08)!important;
}
.header-top{max-width:var(--ziel-container);margin:0 auto;}
.logo{object-fit:contain;filter:drop-shadow(0 2px 5px rgba(15,23,42,.10));}
.titulo-panel,
.header h1,
.header-title{
  letter-spacing:-.03em;
  color:#33402a!important;
  font-weight:800!important;
}
.social-icons a{border-radius:999px;padding:4px 5px;}

/* Menu CRM */
#menu-container{max-width:var(--ziel-container);margin-left:auto;margin-right:auto;}
.dashboard-menu{
  background:linear-gradient(135deg,#132033,#25324a)!important;
  border-radius:0!important;
  box-shadow:0 12px 28px rgba(15,23,42,.22)!important;
}
.menu-container{gap:8px!important;flex-wrap:nowrap!important;overflow:visible!important;padding:0 10px!important;}
.dashboard-menu .menu-link{
  border-radius:12px!important;
  margin:6px 2px!important;
  padding:12px 18px!important;
  border-bottom:0!important;
  color:#f8fafc!important;
  font-weight:750!important;
  letter-spacing:-.01em;
}
.dashboard-menu .menu-link:hover,
.dashboard-menu .menu-link.open{
  background:rgba(255,255,255,.10)!important;
  transform:translateY(-1px);
}
.dashboard-menu .menu-link.active{
  background:linear-gradient(135deg,var(--ziel-primary-2),var(--ziel-primary))!important;
  box-shadow:0 8px 18px rgba(20,184,166,.30)!important;
}
.dropdown-menu,.dropdown-submenu{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:var(--ziel-shadow-lg)!important;
  overflow:hidden;
}
.dropdown-menu a,.dropdown-submenu .menu-link{margin:0!important;border-radius:0!important;}

/* Mobile menu button/overlay */
.ziel-menu-toggle{
  display:none;
  align-items:center;justify-content:center;
  width:44px;height:44px;
  border:0;border-radius:14px;
  color:#fff;background:linear-gradient(135deg,var(--ziel-primary),var(--ziel-accent));
  box-shadow:0 10px 24px rgba(37,99,235,.24);
  cursor:pointer;z-index:10050;
}
.ziel-menu-toggle span,
.ziel-menu-toggle span::before,
.ziel-menu-toggle span::after{
  display:block;width:22px;height:2px;background:#fff;border-radius:99px;position:relative;content:'';transition:.2s ease;
}
.ziel-menu-toggle span::before{position:absolute;top:-7px;}
.ziel-menu-toggle span::after{position:absolute;top:7px;}
body.ziel-mobile-menu-open .ziel-menu-toggle span{background:transparent;}
body.ziel-mobile-menu-open .ziel-menu-toggle span::before{top:0;transform:rotate(45deg);}
body.ziel-mobile-menu-open .ziel-menu-toggle span::after{top:0;transform:rotate(-45deg);}
.ziel-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:9990;backdrop-filter:blur(4px);}
body.ziel-mobile-menu-open .ziel-menu-backdrop{display:block;}

/* Cards */
.cards,
.dashboard-cards,
.card-container,
.stats-cards,
.summary-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;
  gap:clamp(10px,1.4vw,18px)!important;
  overflow:visible!important;
}
.card,
.dashboard-card,
.stat-card,
.metric-card,
.info-card{
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:var(--ziel-radius)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88))!important;
  box-shadow:var(--ziel-shadow-sm)!important;
  min-height:118px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover,.dashboard-card:hover,.stat-card:hover,.metric-card:hover,.info-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--ziel-shadow)!important;
  border-color:rgba(20,184,166,.28)!important;
}
.card .card-title,.dashboard-card h3,.stat-card h3{
  color:#21324a!important;font-weight:800!important;letter-spacing:-.02em;
}
.card .card-text,.dashboard-card p,.stat-card p{color:var(--ziel-muted)!important;}

/* Panels / charts */
.charts,
.chart-grid,
.graficos,
.dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important;
  gap:clamp(12px,1.6vw,22px)!important;
}
.chart-container,
.panel,
.widget,
.box,
.section-card{
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:var(--ziel-radius)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--ziel-shadow-sm)!important;
}
.chart-container{min-height:320px!important;}
.chart-container canvas{max-width:100%!important;}

/* Forms/buttons */
input,select,textarea,.form-control,.form-select{
  border-radius:12px!important;
  border:1px solid #d6e0eb!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:var(--ziel-primary-2)!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.14)!important;
}
.btn,button,input[type='button'],input[type='submit']{
  border-radius:12px!important;
  font-weight:750!important;
  letter-spacing:-.01em;
}
.btn-primary{background:linear-gradient(135deg,var(--ziel-accent),#1d4ed8)!important;border-color:transparent!important;}
.btn-success{background:linear-gradient(135deg,#16965f,#087f5b)!important;border-color:transparent!important;}
.btn-danger{background:linear-gradient(135deg,#f43f5e,#be123c)!important;border-color:transparent!important;}
.btn-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-color:transparent!important;color:#111827!important;}

/* Tables / grids */
.table-responsive,
.grid-scroll,
.dataTables_wrapper{
  width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;
  border-radius:var(--ziel-radius);background:#fff;
}
table{
  border-collapse:separate!important;border-spacing:0!important;
  width:100%;
}
table th{
  background:#17202b!important;color:#fff!important;font-weight:800!important;
  white-space:nowrap;
}
table td,table th{border-color:#e5eaf1!important;vertical-align:middle!important;}
table tbody tr:hover td{background:#f8fbff!important;}
.table-compact td,.table-compact th{padding:.5rem .65rem!important;}

/* Iframes / dynamic content */
.content-frame-wrap,#content-frame{max-width:100%;}
iframe{max-width:100%;}

/* Utilities injected by JS */
.ziel-responsive-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%;}
.ziel-responsive-scroll>table{min-width:820px;}
.ziel-mobile-card-list{display:none;}

@media (max-width:1200px){
  :root{--ziel-container:1160px;--ziel-header-offset:132px;}
  .dashboard-menu .menu-link{padding:10px 12px!important;font-size:14px!important;}
  .menu-container{gap:2px!important;}
}

@media (max-width:900px){
  :root{--ziel-header-offset:92px;}
  body{font-size:15px;}
  .header{padding:8px 12px!important;min-height:auto!important;}
  .header-top{gap:10px!important;}
  .logo{width:58px!important;max-height:54px!important;}
  .titulo-panel{font-size:clamp(16px,4vw,20px)!important;text-align:left!important;}
  .social-icons{display:none!important;}
  .ziel-menu-toggle{display:inline-flex;}
  #menu-container{width:auto!important;margin-top:0!important;}
  .dashboard-menu{
    position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    width:min(86vw,340px)!important;max-width:340px!important;
    z-index:10000!important;transform:translateX(-105%);transition:transform .24s ease;
    border-radius:0 22px 22px 0!important;overflow-y:auto!important;padding:18px 10px!important;
  }
  body.ziel-mobile-menu-open .dashboard-menu{transform:translateX(0);}
  .menu-container{flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;padding:0!important;gap:4px!important;}
  .menu-item{width:100%;}
  .dashboard-menu .menu-link{width:100%!important;justify-content:flex-start!important;margin:0!important;padding:12px 14px!important;}
  .dropdown-menu,.dropdown-submenu{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    min-width:0!important;width:100%!important;margin:4px 0 6px 12px!important;box-shadow:none!important;
    border-radius:12px!important;background:rgba(255,255,255,.06)!important;
  }
  .dropdown-menu:not(.open),.dropdown-submenu:not(.open){display:none!important;}
  main{margin-top:92px!important;padding-left:12px!important;padding-right:12px!important;}
  .cards,.dashboard-cards,.card-container,.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .card,.dashboard-card,.stat-card{min-height:94px!important;padding:14px!important;}
  .charts,.chart-grid,.graficos,.dashboard-grid{grid-template-columns:1fr!important;}
  .chart-container{min-height:280px!important;padding:12px!important;}
  .toolbar,.topbar,.actions,.button-row,.d-flex.gap-2{flex-wrap:wrap!important;gap:8px!important;}
  .toolbar .btn,.topbar .btn,.actions .btn,.button-row .btn{flex:1 1 auto;}
}

@media (max-width:640px){
  :root{--ziel-header-offset:84px;}
  .header{position:sticky!important;top:0!important;}
  main{margin-top:18px!important;}
  .cards,.dashboard-cards,.card-container,.stats-cards{grid-template-columns:1fr!important;}
  h1,.h1{font-size:clamp(24px,7vw,34px)!important;}
  h2,.h2{font-size:clamp(20px,6vw,28px)!important;}
  .btn,button{min-height:42px;}
  input,select,textarea,.form-control,.form-select{font-size:16px!important;min-height:44px;}
  .chart-container{min-height:240px!important;}
  .table-responsive>table,
  .ziel-responsive-scroll>table{min-width:760px;}
  .hide-mobile,.desktop-only{display:none!important;}
  .modal-dialog{margin:.5rem!important;}
}

@media print{
  .ziel-menu-toggle,.ziel-menu-backdrop,.dashboard-menu,.header{display:none!important;}
  main{margin-top:0!important;max-width:100%!important;}
}


/* =========================================================
   FIX3 - Menú desktop legible + login protegido
   ========================================================= */

/* Menú desktop: dropdown sólido, no transparente */
@media (min-width:901px){
  #menu-container .dashboard-menu .dropdown-menu,
  #menu-container .dashboard-menu .dropdown-submenu{
    background:#ffffff!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 22px 55px rgba(15,23,42,.20)!important;
    opacity:1!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #menu-container .dashboard-menu .dropdown-menu .menu-link,
  #menu-container .dashboard-menu .dropdown-submenu .menu-link,
  #menu-container .dashboard-menu .dropdown-menu a,
  #menu-container .dashboard-menu .dropdown-submenu a{
    color:#172033!important;
    background:#ffffff!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:700!important;
  }

  #menu-container .dashboard-menu .dropdown-menu .menu-link:hover,
  #menu-container .dashboard-menu .dropdown-submenu .menu-link:hover,
  #menu-container .dashboard-menu .dropdown-menu a:hover,
  #menu-container .dashboard-menu .dropdown-submenu a:hover{
    background:#eef6ff!important;
    color:#0f766e!important;
  }

  #menu-container .dashboard-menu .dropdown-arrow,
  #menu-container .dashboard-menu .dropdown-menu .icon,
  #menu-container .dashboard-menu .dropdown-submenu .icon{
    color:#475569!important;
    opacity:1!important;
  }
}

/* Menú móvil: mantener drawer oscuro y legible */
@media (max-width:900px){
  #menu-container .dashboard-menu .dropdown-menu,
  #menu-container .dashboard-menu .dropdown-submenu{
    background:rgba(255,255,255,.08)!important;
  }

  #menu-container .dashboard-menu .dropdown-menu .menu-link,
  #menu-container .dashboard-menu .dropdown-submenu .menu-link{
    color:#f8fafc!important;
    background:transparent!important;
  }
}

/* Nunca aplicar el tema CRM al login si accidentalmente queda cargado */
body:has(#modalLogin){
  background-image:url('https://zielsystem.com/img/Homefinal.png')!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
}
body:has(#modalLogin) main,
body:has(#modalLogin) .main,
body:has(#modalLogin) .container-fluid{
  max-width:none!important;
}


/* =========================================================
   FIX4 - Botón hamburguesa móvil visible
   ========================================================= */

.ziel-mobile-menu-toggle{
  display:none;
}

@media (max-width:900px){
  .ziel-mobile-menu-toggle{
    display:inline-flex!important;
    position:fixed!important;
    top:14px!important;
    left:14px!important;
    z-index:2147483000!important;
    width:46px!important;
    height:46px!important;
    border:0!important;
    border-radius:14px!important;
    align-items:center!important;
    justify-content:center!important;
    background:#0f766e!important;
    color:#ffffff!important;
    box-shadow:0 14px 35px rgba(15,23,42,.28)!important;
    font-size:24px!important;
    line-height:1!important;
  }

  .ziel-mobile-menu-toggle:active{
    transform:scale(.98);
  }

  body.ziel-menu-open{
    overflow:hidden!important;
  }

  body.ziel-menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.45);
    z-index:2147481998;
  }

  #menu-container{
    position:relative!important;
    z-index:2147482000!important;
  }

  #menu-container .dashboard-menu,
  #menu-container nav,
  #menu-container .menu,
  #menu-container .navbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(86vw,340px)!important;
    height:100vh!important;
    overflow-y:auto!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    z-index:2147482500!important;
    background:linear-gradient(180deg,#172033,#0f172a)!important;
    padding:78px 18px 22px!important;
    box-shadow:18px 0 50px rgba(15,23,42,.35)!important;
    display:block!important;
    border-radius:0 24px 24px 0!important;
  }

  body.ziel-menu-open #menu-container .dashboard-menu,
  body.ziel-menu-open #menu-container nav,
  body.ziel-menu-open #menu-container .menu,
  body.ziel-menu-open #menu-container .navbar{
    transform:translateX(0)!important;
  }

  #menu-container .dashboard-menu > *,
  #menu-container nav > *,
  #menu-container .menu > *,
  #menu-container .navbar > *{
    max-width:100%!important;
  }

  #menu-container .dashboard-menu a,
  #menu-container nav a,
  #menu-container .menu a,
  #menu-container .navbar a{
    color:#f8fafc!important;
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    text-decoration:none!important;
    background:transparent!important;
  }

  #menu-container .dashboard-menu a:hover,
  #menu-container nav a:hover,
  #menu-container .menu a:hover,
  #menu-container .navbar a:hover{
    background:rgba(255,255,255,.10)!important;
  }

  #menu-container .dropdown-menu,
  #menu-container .dropdown-submenu{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    width:100%!important;
    margin:4px 0 8px 10px!important;
    padding:4px!important;
    border:0!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.06)!important;
    border-radius:14px!important;
  }

  header,
  .topbar,
  .header,
  .main-header{
    padding-left:70px!important;
  }
}


/* =========================================================
   FIX5 - Menú desktop/móvil definitivo
   - Desktop: submenús visibles por hover y en cascada.
   - Móvil: botón hamburguesa siempre visible y drawer funcional.
   ========================================================= */

/* Desktop */
@media (min-width:901px){
  .ziel-mobile-menu-toggle{
    display:none!important;
  }

  #menu-container{
    position:relative!important;
    z-index:5000!important;
  }

  #menu-container .dashboard-menu,
  #menu-container .menu-principal,
  #menu-container nav.dashboard-menu,
  #menu-container nav{
    overflow:visible!important;
  }

  #menu-container ul,
  #menu-container li{
    overflow:visible!important;
  }

  #menu-container .dropdown,
  #menu-container .menu-item,
  #menu-container li{
    position:relative!important;
  }

  #menu-container .dropdown-menu,
  #menu-container .submenu,
  #menu-container .dropdown-submenu{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    min-width:250px!important;
    width:max-content!important;
    max-width:330px!important;
    background:#ffffff!important;
    color:#172033!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:18px!important;
    box-shadow:0 22px 55px rgba(15,23,42,.22)!important;
    padding:10px!important;
    margin-top:8px!important;
    z-index:99999!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #menu-container .dropdown:hover > .dropdown-menu,
  #menu-container .menu-item:hover > .dropdown-menu,
  #menu-container li:hover > .dropdown-menu,
  #menu-container li:hover > .submenu,
  #menu-container .dropdown-menu li:hover > .dropdown-submenu,
  #menu-container .dropdown-menu .dropdown:hover > .dropdown-submenu,
  #menu-container .dropdown-submenu:hover{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  #menu-container .dropdown-submenu,
  #menu-container .dropdown-menu .submenu{
    top:0!important;
    left:100%!important;
    margin-top:0!important;
    margin-left:10px!important;
  }

  #menu-container .dropdown-menu a,
  #menu-container .submenu a,
  #menu-container .dropdown-submenu a,
  #menu-container .dropdown-menu .menu-link,
  #menu-container .submenu .menu-link,
  #menu-container .dropdown-submenu .menu-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-height:42px!important;
    padding:10px 12px!important;
    color:#172033!important;
    background:#ffffff!important;
    border-radius:12px!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  #menu-container .dropdown-menu a:hover,
  #menu-container .submenu a:hover,
  #menu-container .dropdown-submenu a:hover,
  #menu-container .dropdown-menu .menu-link:hover,
  #menu-container .submenu .menu-link:hover,
  #menu-container .dropdown-submenu .menu-link:hover{
    background:#eef6ff!important;
    color:#0f766e!important;
  }

  #menu-container .dropdown-arrow,
  #menu-container .dropdown-menu .icon,
  #menu-container .submenu .icon,
  #menu-container .dropdown-submenu .icon{
    color:#475569!important;
    opacity:1!important;
  }
}

/* Móvil */
.ziel-mobile-menu-toggle{
  display:none;
}

@media (max-width:900px){
  .ziel-mobile-menu-toggle{
    display:inline-flex!important;
    position:fixed!important;
    top:14px!important;
    left:14px!important;
    z-index:2147483000!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:14px!important;
    align-items:center!important;
    justify-content:center!important;
    background:#0f766e!important;
    color:#ffffff!important;
    box-shadow:0 14px 35px rgba(15,23,42,.32)!important;
    font-size:25px!important;
    line-height:1!important;
  }

  body.ziel-menu-open{
    overflow:hidden!important;
  }

  body.ziel-menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.46);
    z-index:2147481998;
  }

  #menu-container{
    position:relative!important;
    z-index:2147482500!important;
  }

  #menu-container .dashboard-menu{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(88vw,350px)!important;
    height:100vh!important;
    overflow-y:auto!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    z-index:2147482600!important;
    background:linear-gradient(180deg,#172033,#0f172a)!important;
    padding:78px 18px 22px!important;
    box-shadow:18px 0 50px rgba(15,23,42,.35)!important;
    display:block!important;
    border-radius:0 24px 24px 0!important;
  }

  body.ziel-menu-open #menu-container .dashboard-menu{
    transform:translateX(0)!important;
  }

  #menu-container .dashboard-menu ul,
  #menu-container .dashboard-menu li{
    display:block!important;
    width:100%!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
  }

  #menu-container .dashboard-menu a,
  #menu-container .dashboard-menu .menu-link{
    color:#f8fafc!important;
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    text-decoration:none!important;
    background:transparent!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  #menu-container .dashboard-menu a:hover,
  #menu-container .dashboard-menu .menu-link:hover{
    background:rgba(255,255,255,.10)!important;
  }

  #menu-container .dashboard-menu .dropdown-menu,
  #menu-container .dashboard-menu .submenu,
  #menu-container .dashboard-menu .dropdown-submenu{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:4px 0 8px 10px!important;
    padding:4px!important;
    border:0!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.06)!important;
    border-radius:14px!important;
  }

  header,
  .topbar,
  .header,
  .main-header{
    padding-left:72px!important;
  }
}