.alefShell,.alefShell *{box-sizing:border-box}.alefShell{min-height:100vh;background:radial-gradient(circle at top left,rgba(15,118,110,.06),transparent 28%),radial-gradient(circle at top right,rgba(124,58,237,.05),transparent 24%),#f7f7fb;color:#111827}.alefSidebar{position:fixed;top:0;left:0;height:100vh;width:64px;background:#111827;overflow:hidden;transition:width .22s ease,box-shadow .22s ease;z-index:220}.alefSidebar:hover{width:260px;box-shadow:4px 0 24px #00000040}.alefSidebarInner{width:260px;height:100%;padding:14px 10px 16px;display:flex;flex-direction:column;color:#fff}.alefSidebarLogo{display:flex;align-items:center;gap:10px;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px;flex-shrink:0}.alefSidebarMark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.alefSidebarTitleMain{font-size:14px;font-weight:800;letter-spacing:.01em}.alefSidebarTitleSub{font-size:12px;color:#ffffffa8}.alefNav{flex:1;display:flex;flex-direction:column;gap:4px}.alefNavLink{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#9ca3af;text-decoration:none;white-space:nowrap;font-size:14px}.alefNavIcon{width:20px;text-align:center;flex:0 0 20px;font-size:15px}.alefNavLabel{overflow:hidden;opacity:0;max-width:0;transform:translate(-6px);transition:opacity .18s ease,max-width .18s ease,transform .18s ease}.alefSidebar:hover .alefNavLabel,.alefSidebar.open .alefNavLabel{opacity:1;max-width:180px;transform:translate(0)}.alefSidebar:hover .alefSidebarTitle,.alefSidebar.open .alefSidebarTitle{opacity:1}.alefNavLink:hover,.alefNavLink.active{background:#ffffff1a;color:#fff}.alefLogout{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;border-radius:12px;color:#9ca3af;background:none;border:none;cursor:pointer;font-size:14px}.alefLogout:hover{background:#ffffff1a;color:#fff}.alefContent{margin-left:64px;min-height:100vh;padding:20px}.alefSidebarTitle,.alefSidebarLogo{transition:opacity .18s ease}.alefSidebar:hover .alefSidebarTitle,.alefSidebar:hover .alefSidebarLogo,.alefSidebar.open .alefSidebarTitle,.alefSidebar.open .alefSidebarLogo{opacity:1}.alefSidebar:not(:hover):not(.open) .alefSidebarTitle{opacity:0}.alefBurger{position:fixed;top:12px;left:12px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(17,24,39,.12);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111827;display:inline-flex;align-items:center;justify-content:center;z-index:260;cursor:pointer;box-shadow:0 6px 18px #11182714}.alefBurgerIcon{font-size:22px;line-height:1;font-weight:700}.alefSidebarBackdrop{position:fixed;inset:0;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:210}.alefSidebarBackdrop.open{opacity:1;pointer-events:auto}@media(max-width:900px){.alefContent{margin-left:0;padding:68px 12px 12px}.alefSidebar,.alefSidebar:hover{width:0;box-shadow:none}.alefSidebar.open{width:min(300px,86vw);box-shadow:4px 0 24px #00000040}.alefNavLabel,.alefSidebarTitle{opacity:1;max-width:none;transform:none}}.alefOverlayBackdrop{position:fixed;inset:0;background:#0f172a47;display:flex;justify-content:flex-end;align-items:stretch;z-index:500}.alefOverlayCard{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:-12px 0 32px #0f172a24}.alefOverlayCard.drawer{height:100%}.alefOverlayCard.modal{width:min(720px,calc(100vw - 24px));margin:40px auto;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 20px 60px #0f172a2e;max-height:calc(100vh - 80px)}.alefOverlayHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.alefOverlayHeader h3{margin:0;font-size:18px}.alefOverlayClose{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.alefOverlayBody{padding:16px;overflow:auto}.alefOverlayFooter{padding:0 16px 16px}@media(max-width:720px){.alefOverlayBackdrop{align-items:stretch}.alefOverlayCard.drawer,.alefOverlayCard.modal{width:100vw!important;max-width:100vw;margin:0;border-radius:0;border-left:none;max-height:100vh}.alefOverlayHeader{padding-top:14px}}