body.mk-no-scroll,
 body.fr-no-scroll {
     overflow: hidden;
 }
 
 .mk-sidebar-header,
 .fr-sidebar-header {
     display: none;
 }
 
 .mk-sidebar-card,
 .fr-sidebar-card {
     background: #ffffff;
     border: 1px solid rgba(15, 23, 42, 0.08);
     border-radius: 16px;
     padding: 16px;
     position: relative;
     box-shadow:
         0 1px 2px rgba(15, 23, 42, 0.04),
         0 12px 24px rgba(15, 23, 42, 0.06);
 }

 .mk-sidebar-close,
 .fr-sidebar-close {
     appearance: none;
     border: 1px solid rgba(15, 23, 42, 0.10);
     background: #ffffff;
     color: rgba(15, 23, 42, 0.75);
     width: 32px;
     height: 32px;
     border-radius: 12px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 12px;
     right: 12px;
 }

 .mk-sidebar-close:hover,
 .fr-sidebar-close:hover {
     background: rgba(2, 132, 199, 0.06);
     border-color: rgba(2, 132, 199, 0.25);
 }

 @media (min-width: 992px) {
     .mk-sidebar-close,
     .fr-sidebar-close {
         display: none;
     }
 }
 
 .mk-sidebar-title,
 .fr-sidebar-title {
     font-weight: 700;
     letter-spacing: 0.08em;
     font-size: 14px;
     color: #0f172a;
     margin-bottom: 12px;
     text-align: center;
 }
 
 .mk-sidebar-nav,
 .fr-sidebar-nav {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }
 
 .mk-sidebar-link,
 .fr-sidebar-link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     text-decoration: none;
     color: #0f172a;
     padding: 12px 12px;
     border-radius: 12px;
     border: 1px solid transparent;
     background: rgba(2, 132, 199, 0.04);
     transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
 }
 
 .mk-sidebar-link:hover,
 .fr-sidebar-link:hover {
     background: rgba(2, 132, 199, 0.08);
     transform: translateY(-1px);
 }
 
 .mk-sidebar-link.is-active,
 .fr-sidebar-link.is-active {
     background: rgba(2, 132, 199, 0.12);
     border-color: rgba(2, 132, 199, 0.20);
 }
 
 .mk-sidebar-toggle,
 .fr-sidebar-toggle {
     width: 100%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     border: 1px solid rgba(15, 23, 42, 0.10);
     background: #ffffff;
     border-radius: 14px;
     padding: 12px 14px;
     font-weight: 800;
     color: #0f172a;
     box-shadow:
         0 1px 2px rgba(15, 23, 42, 0.04),
         0 12px 24px rgba(15, 23, 42, 0.06);
 }
 
 .mk-sidebar-toggle:hover,
 .fr-sidebar-toggle:hover {
     background: rgba(2, 132, 199, 0.04);
 }
 
 @media (max-width: 991.98px) {
     .mk-sidebar-header,
     .fr-sidebar-header {
         display: block;
     }
 
     .mk-sidebar,
     .fr-sidebar {
         position: fixed;
         top: 0;
         left: 0;
         height: 100vh;
         width: min(78vw, 320px);
         padding: 12px;
         background: rgba(15, 23, 42, 0.35);
         backdrop-filter: blur(6px);
         transform: translateX(-105%);
         transition: transform 160ms ease;
         z-index: 1050;
     }
 
     .mk-sidebar.is-open,
     .fr-sidebar.is-open {
         transform: translateX(0);
     }
 
     .mk-sidebar-card,
     .fr-sidebar-card {
         height: calc(100vh - 32px);
         overflow: auto;
     }
 }