:root{
  --cf-offcanvas-width: 300px;
  --cf-offcanvas-bg: var(--cf-offcanvas-bg, #0e1220);
  --cf-offcanvas-text: var(--cf-offcanvas-text, #f5f7ff);
  --cf-overlay-bg: rgba(0,0,0,.55);
}
.cf-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--cf-toggle-border, rgba(255,255,255,.25));background:var(--cf-toggle-bg, transparent);color:var(--cf-toggle-color, #fff);cursor:pointer;position:relative;z-index:1100;}
.cf-menu-toggle .bar{display:block;width:22px;height:2px;background:currentColor;margin:3px 0;border-radius:2px;transition:transform .25s ease,opacity .25s ease;}
.cf-offcanvas-overlay{position:fixed;inset:0;background:var(--cf-overlay-bg);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1000;}
.cf-offcanvas{position:fixed;top:0;left:0;height:100vh;width:var(--cf-offcanvas-width);transform:translateX(-100%);transition:transform .3s ease;background:var(--cf-offcanvas-bg);color:var(--cf-offcanvas-text);z-index:1001;box-shadow:2px 0 24px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow-y:auto;}
.cf-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.cf-offcanvas-header .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:18px;text-decoration:none;}
.cf-offcanvas-header img{height:28px;width:auto}
.cf-offcanvas-nav{padding:10px 8px}
.cf-offcanvas-nav ul{list-style:none;margin:0;padding:0}
.cf-offcanvas-nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;color:var(--cf-offcanvas-text);text-decoration:none;border-radius:10px;border:1px solid transparent;}
.cf-offcanvas-nav a:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);}
.cf-offcanvas-footer{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#c6cae4;}
.cf-offcanvas-open .cf-offcanvas{transform:none}
.cf-offcanvas-open .cf-offcanvas-overlay{opacity:1;pointer-events:auto}
.cf-offcanvas-open{overflow:hidden}