.headderMainContainer{height:60px}.headderContainer{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,hsla(0,0%,100%,.95) 0%,hsla(0,0%,100%,.85) 100%);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid hsla(0,0%,0%,.06);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.headderSubContainer{height:60px;width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.headerLeft{display:flex;align-items:center;gap:12px;flex-shrink:0}.sidebarToggle{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,0%,.03);border:1px solid hsla(0,0%,0%,.06);color:#333;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebarToggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,0%,.05) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.sidebarToggle:hover{background:hsla(0,0%,0%,.06);border-color:#0000001a;transform:translateY(-1px);box-shadow:0 4px 12px -2px #00000014}.sidebarToggle:hover:before{opacity:1}.sidebarToggle:active{transform:translateY(0) scale(.98)}.logoContainer{display:flex;align-items:center;gap:12px;text-decoration:none;padding:6px 0;transition:all .2s ease;position:relative}.logoContainer:hover{transform:translate(2px)}.logoContainer:hover .logoImageWrapper{transform:scale(1.05) rotate(-2deg)}.logoImageWrapper{width:36px;height:36px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(0,0%,98%) 0%,hsl(0,0%,94%) 100%);border:1px solid hsla(0,0%,0%,.06);box-shadow:0 2px 8px -2px #00000014;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.logoImage{width:26px;height:26px;object-fit:contain}.logoText{display:flex;align-items:center;gap:8px;font-size:14px}.logoText .companyName{font-size:17px;font-weight:800;color:#141414;letter-spacing:-.03em;background:linear-gradient(135deg,hsl(0,0%,8%) 0%,hsl(0,0%,28%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logoText .productName{font-size:15px;font-weight:700;color:#404040;letter-spacing:-.02em}.logoText .logoDivider{color:#0000001f;font-weight:300;font-size:18px}.logoText .logoDivider.secondary{color:#00000014}.logoText .documentation{font-size:14px;font-weight:500;color:#737373;letter-spacing:-.01em}.headerCenter{flex:1;display:flex;justify-content:flex-end;margin:0 auto}.searchTrigger{width:100%;max-width:480px;height:40px;padding:0 14px;display:flex;align-items:center;gap:12px;font-size:14px;border-radius:12px;border:1px solid #b2b2b2;background:hsla(0,0%,0%,.02);color:#737373;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.searchTrigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(220,100%,50%,.03) 0%,hsla(280,100%,50%,.02) 100%);opacity:0;transition:opacity .3s ease}.searchTrigger:hover{border-color:#0000001f;background:hsla(0,0%,100%,.8);box-shadow:0 4px 20px -4px #0000001a,0 0 0 1px #00000008;transform:translateY(-1px)}.searchTrigger:hover:before{opacity:1}.searchTrigger:active{transform:translateY(0)}.searchTrigger svg{flex-shrink:0;opacity:.5;transition:opacity .2s ease}.searchTrigger:hover svg{opacity:.7}.searchPlaceholder{flex:1;text-align:left;font-weight:450;letter-spacing:-.01em}.searchShortcut{padding:4px 8px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,SF Mono,Menlo,monospace;font-weight:500;color:#737373;background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,0%,.08);border-radius:6px;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.headerRight{display:flex;align-items:center;gap:10px;flex-shrink:0}.mobileSearchBtn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,0%,.03);border:1px solid hsla(0,0%,0%,.06);color:#404040;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobileSearchBtn:hover{background:hsla(0,0%,0%,.06);border-color:#0000001a;transform:translateY(-1px)}.mobileSearchBtn:active{transform:translateY(0) scale(.98)}.versionBadge{padding:5px 12px;font-size:11px;font-weight:600;color:#666;background:linear-gradient(135deg,hsl(0,0%,97%) 0%,hsl(0,0%,95%) 100%);border-radius:20px;border:1px solid hsla(0,0%,0%,.06);letter-spacing:.02em;transition:all .2s ease}.versionBadge:hover{background:linear-gradient(135deg,hsl(0,0%,95%) 0%,hsl(0,0%,92%) 100%);transform:scale(1.02)}.searchOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,hsla(220,20%,10%,.6) 0%,hsla(220,20%,5%,.7) 100%);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;animation:overlayFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.searchModal{width:100%;max-width:620px;background:linear-gradient(180deg,hsl(0,0%,100%) 0%,hsl(0,0%,99%) 100%);border-radius:20px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 0 0 1px #0000000d,0 4px 16px -4px #0000001a,0 16px 48px -8px #00000026,0 32px 80px -16px #12172140;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.searchModalHeader{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid hsla(0,0%,0%,.05);background:linear-gradient(180deg,hsla(0,0%,100%,1) 0%,hsla(0,0%,98%,1) 100%)}.searchModalIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(220,100%,96%) 0%,hsl(260,100%,96%) 100%);border-radius:12px;color:#195de6;flex-shrink:0;animation:iconBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes iconBounce{0%{transform:scale(.5) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.searchModalInput{flex:1;border:none;background:transparent;font-size:17px;font-weight:500;color:#141414;outline:none;caret-color:#1a66ff;letter-spacing:-.01em}.searchModalInput::placeholder{color:#737373;font-weight:400}.searchModalClose{height:28px;padding:0 10px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,0%,.04);border:1px solid hsla(0,0%,0%,.08);color:#737373;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.searchModalClose .escHint{font-size:11px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Mono,Menlo,monospace;letter-spacing:.02em}.searchModalClose:hover{background:hsla(0,0%,0%,.06);border-color:#0000001f;color:#404040}.searchClearBtn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8c8c8c;cursor:pointer;transition:all .15s ease;flex-shrink:0}.searchClearBtn:hover{background:hsla(0,0%,0%,.05);color:#4d4d4d}.searchHighlight{background:linear-gradient(135deg,hsl(50,100%,80%) 0%,hsl(45,100%,75%) 100%);color:#73400d;padding:1px 3px;margin:0 -1px;border-radius:3px;font-weight:600}.searchResults{max-height:420px;overflow-y:auto;padding:12px}.searchResults::-webkit-scrollbar{width:6px}.searchResults::-webkit-scrollbar-track{background:transparent;margin:8px 0}.searchResults::-webkit-scrollbar-thumb{background:hsla(0,0%,0%,.08);border-radius:10px}.searchResults::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,0%,.15)}.searchResultsHeader{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.08em}.searchResultsHeader:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,hsl(140,70%,45%) 0%,hsl(160,70%,40%) 100%);border-radius:50%;animation:pulse 2s ease-in-out infinite}.searchResultsHeader.recentHeader{display:flex;justify-content:space-between;align-items:center}.searchResultsHeader.recentHeader:before{display:none}.searchResultsHeader.recentHeader span{display:flex;align-items:center}.clearRecentBtn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;color:gray;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.clearRecentBtn:hover{background:hsl(0,70%,95%);color:#d22d2d}.clearRecentBtn span{font-size:11px}.searchResultIcon.recentIcon{background:linear-gradient(135deg,hsl(45,100%,96%) 0%,hsl(35,100%,93%) 100%);color:#cf8217}.searchResultItem:hover .searchResultIcon.recentIcon,.searchResultItem.selected .searchResultIcon.recentIcon{background:linear-gradient(135deg,hsl(45,100%,92%) 0%,hsl(35,100%,88%) 100%);color:#bd660f}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.searchResultItem{width:100%;display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 16px;margin-bottom:6px;border-radius:14px;background:hsla(0,0%,0%,.02);border:1px solid transparent;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);animation:resultSlideIn .3s ease-out backwards;position:relative;overflow:hidden}.searchResultItem:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,hsl(220,100%,55%) 0%,hsl(260,100%,60%) 100%);border-radius:0 4px 4px 0;transition:height .2s ease}.searchResultItem:hover:before{height:60%}.searchResultItem:nth-child(2){animation-delay:.03s}.searchResultItem:nth-child(3){animation-delay:.06s}.searchResultItem:nth-child(4){animation-delay:.09s}.searchResultItem:nth-child(5){animation-delay:.12s}.searchResultItem:nth-child(6){animation-delay:.15s}.searchResultItem:nth-child(7){animation-delay:.18s}@keyframes resultSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.searchResultItem:hover,.searchResultItem.selected{background:hsl(0,0%,100%);border-color:#0000000f;box-shadow:0 4px 16px -4px #00000014;transform:translate(4px)}.searchResultItem.selected{border-color:#37f;box-shadow:0 4px 16px -4px #0055ff26,0 0 0 2px #1a66ff1a}.searchResultItem.selected:before{height:60%}.searchResultItem.selected .searchResultIcon{background:linear-gradient(135deg,hsl(220,100%,96%) 0%,hsl(260,100%,96%) 100%);color:#195de6}.searchResultItem.selected .searchResultTitle{color:#1754cf}.searchResultItem.selected .searchResultArrow{opacity:1;transform:translate(0);color:#195de6}.searchResultItem:focus{outline:none;background:hsl(0,0%,100%);border-color:#1a66ff;box-shadow:0 0 0 3px #1a66ff26}.searchResultItem:active{transform:translate(4px) scale(.99)}.searchResultIcon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(0,0%,97%) 0%,hsl(0,0%,94%) 100%);border-radius:10px;color:#737373;flex-shrink:0;font-size:16px;transition:all .2s ease}.searchResultItem:hover .searchResultIcon{background:linear-gradient(135deg,hsl(220,100%,96%) 0%,hsl(260,100%,96%) 100%);color:#195de6}.searchResultContent{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.searchResultTitle{font-size:14px;font-weight:600;color:#1f1f1f;letter-spacing:-.01em;transition:color .2s ease}.searchResultItem:hover .searchResultTitle{color:#1754cf}.searchResultPath{font-size:12px;color:gray;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchResultArrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#b3b3b3;opacity:0;transform:translate(-8px);transition:all .2s ease}.searchResultItem:hover .searchResultArrow{opacity:1;transform:translate(0);color:#195de6}.searchNoResults{padding:64px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:fadeInUp .35s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.searchNoResultsIcon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(0,0%,96%) 0%,hsl(0,0%,92%) 100%);border-radius:20px;color:#999;margin-bottom:8px}.searchNoResults p{font-size:16px;font-weight:600;color:#1f1f1f;margin:0;letter-spacing:-.01em}.searchNoResults span{font-size:14px;color:gray}.searchHints{padding:20px;animation:hintsSlideIn .35s ease-out}@keyframes hintsSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.searchHintTitle{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.searchHintTitle:before{content:"⚡";font-size:12px}.searchHintItems{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.searchHintItem{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;color:#333;background:linear-gradient(135deg,hsl(0,0%,99%) 0%,hsl(0,0%,97%) 100%);border:1px solid hsla(0,0%,0%,.05);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);animation:cardSlideUp .35s ease-out backwards;position:relative;overflow:hidden}.searchHintItem:before{content:"→";position:absolute;right:14px;color:#b3b3b3;opacity:0;transform:translate(-8px);transition:all .2s ease}.searchHintItem:hover:before{opacity:1;transform:translate(0);color:#195de6}.searchHintItem:nth-child(1){animation-delay:.05s}.searchHintItem:nth-child(2){animation-delay:.08s}.searchHintItem:nth-child(3){animation-delay:.11s}.searchHintItem:nth-child(4){animation-delay:.14s}.searchHintItem:nth-child(5){animation-delay:.17s}.searchHintItem:nth-child(6){animation-delay:.2s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.searchHintItem:hover{background:hsl(0,0%,100%);border-color:#00000014;transform:translateY(-2px) scale(1.01);box-shadow:0 4px 16px -4px #0000001a,0 0 0 1px #00000008;color:#1754cf;padding-right:32px}.searchHintItem:active{transform:translateY(0) scale(.99)}.searchModalFooter{padding:12px 20px;border-top:1px solid hsla(0,0%,0%,.05);background:linear-gradient(180deg,hsl(0,0%,99%) 0%,hsl(0,0%,97%) 100%)}.keyboardHints{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.keyHint{display:flex;align-items:center;gap:6px;font-size:12px;color:gray}.keyHint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,SF Mono,Menlo,monospace;font-weight:500;color:#666;background:linear-gradient(180deg,hsl(0,0%,100%) 0%,hsl(0,0%,96%) 100%);border:1px solid hsla(0,0%,0%,.1);border-radius:5px;box-shadow:0 1px 2px #0000000d,inset 0 -1px #0000000d}.keyHint span{font-weight:450;color:#8c8c8c}@media (max-width: 768px){.headderMainContainer,.headderContainer{height:56px}.headderSubContainer{height:56px;padding:0 12px;gap:8px}.headerCenter{display:none}.logoContainer{gap:10px}.logoImageWrapper{width:32px;height:32px;border-radius:8px}.logoImage{width:22px;height:22px}.logoText .companyName{font-size:15px}.logoText .productName{font-size:13px}.logoText .logoDivider{font-size:16px}.sidebarToggle,.mobileSearchBtn{width:36px;height:36px;border-radius:10px}.searchModal{margin:0;max-width:100%;border-radius:0 0 20px 20px}.searchOverlay{padding:0;align-items:flex-start}.searchModalHeader{padding:14px 16px}.searchModalIcon{width:36px;height:36px;border-radius:10px}.searchModalInput{font-size:16px}.searchResults{padding:10px;max-height:60vh}.searchResultItem{padding:12px 14px;border-radius:12px}.searchResultIcon{width:34px;height:34px;border-radius:8px}.searchHintItems{grid-template-columns:1fr;gap:8px}.searchHintItem{padding:14px 16px}.searchModalFooter{padding:10px 16px}.keyboardHints{gap:12px}.keyHint{font-size:11px}.keyHint kbd{min-width:20px;height:20px;font-size:10px}}@media (max-width: 480px){.headderSubContainer{padding:0 10px}.logoContainer{gap:8px}.logoImageWrapper{width:30px;height:30px;border-radius:7px}.logoImage{width:20px;height:20px}.logoText{gap:6px}.logoText .companyName{font-size:14px}.logoText .productName{display:none}.logoText .logoDivider:first-of-type{display:none}.versionBadge{padding:4px 8px;font-size:10px}.headerLeft{gap:6px}}@media (min-width: 769px) and (max-width: 1190px){.headerCenter{max-width:320px}.searchPlaceholder{font-size:13px}}@media (min-width: 1191px){.headderSubContainer{padding-left:32px;padding-right:32px}}.sidebarToggle:focus-visible,.searchTrigger:focus-visible,.mobileSearchBtn:focus-visible,.searchModalClose:focus-visible,.searchResultItem:focus-visible,.searchHintItem:focus-visible{outline:2px solid hsl(220,100%,50%);outline-offset:2px}@supports (padding-top: env(safe-area-inset-top)){.headderContainer{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}@media (max-width: 768px){.headderContainer{height:calc(56px + env(safe-area-inset-top))}}}.sideBar{width:240px;height:calc(100vh - 60px);padding:12px 10px;overflow-y:auto;overflow-x:hidden;position:sticky;top:60px;background:var(--background)}@media (prefers-color-scheme: dark){.sideBar{border-right:1px solid hsla(0,0%,100%,.1)}}.sideBar.mobile-drawer{width:100%;height:auto;position:relative;top:0;padding:8px 0}.sidebar-nav{display:flex;flex-direction:column;gap:1px}.sideBar::-webkit-scrollbar{width:5px}.sideBar::-webkit-scrollbar-track{background:transparent}.sideBar::-webkit-scrollbar-thumb{background:hsla(0,0%,0%,.08);border-radius:10px}.sideBar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,0%,.15)}.menu-item{margin-bottom:0}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#595959;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.menu-label{flex:1;letter-spacing:-.01em}.menu-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,0%,.04) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.menu-header:hover{background:hsla(0,0%,0%,.04);color:#1a1a1a}.menu-header:hover:before{opacity:1}.menu-header.active{background:hsl(0,0%,6%);color:#fff;font-weight:600;box-shadow:0 2px 8px -2px #0003}.menu-header.active:before{display:none}.menu-header.active-parent{color:#0a0a0a;font-weight:600}.submenu{margin-left:8px;padding-left:12px;border-left:1.5px solid hsla(0,0%,0%,.08);margin-top:2px;overflow:hidden;max-height:0;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.submenu.open{max-height:1000px;opacity:1}.submenu-level-1,.submenu-level-2{margin-left:10px}.subMenuLink{display:block;padding:7px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#6b6b6b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:-.01em}.subMenuLink:hover{background:hsla(0,0%,0%,.03);color:#1a1a1a;transform:translate(2px)}.subMenuLink.active{background:hsl(0,0%,6%);color:#fff;font-weight:600;box-shadow:0 2px 8px -2px #0003}.subMenuLink.active-parent{color:#1a1a1a;font-weight:600}.menu-level-1 .menu-header{font-size:12px;padding:6px 10px;border-radius:6px}.menu-level-2 .menu-header{font-size:11px;padding:5px 8px}.menu-level-1 .subMenuLink{font-size:11px;padding:6px 10px}.linkStyle{text-decoration:none;color:inherit;display:block}.arrow{font-size:14px;color:#8c8c8c;transition:all .25s cubic-bezier(.4,0,.2,1);margin-left:6px;display:flex;align-items:center;flex-shrink:0}.arrow.expanded{transform:rotate(0)}.menu-header.active .arrow{color:#fff}.menu-header.active-parent .arrow{color:#262626}.sideBarHeadding{padding:10px 14px;margin-top:20px;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#666}.sidebarDivider{height:1px;background:hsla(0,0%,0%,.06);margin:16px 0}.mobile-drawer .menu-header{padding:12px 16px;border-radius:12px;font-size:15px}.mobile-drawer .subMenuLink{padding:11px 16px;font-size:14px;border-radius:10px}.mobile-drawer .submenu{margin-left:12px;padding-left:16px}.mobile-drawer .menu-level-1 .menu-header{font-size:14px;padding:10px 14px}.mobile-drawer .menu-level-1 .subMenuLink{font-size:13px;padding:9px 14px}@media (max-width: 1190px){.sideBar:not(.mobile-drawer){display:none}}@media (max-width: 768px){.sideBar{height:calc(100vh - 56px);top:56px}}.mobile-drawer .menu-item{animation:menuItemSlideIn .3s ease-out backwards}.mobile-drawer .menu-item:nth-child(1){animation-delay:.02s}.mobile-drawer .menu-item:nth-child(2){animation-delay:.04s}.mobile-drawer .menu-item:nth-child(3){animation-delay:.06s}.mobile-drawer .menu-item:nth-child(4){animation-delay:.08s}.mobile-drawer .menu-item:nth-child(5){animation-delay:.1s}.mobile-drawer .menu-item:nth-child(6){animation-delay:.12s}.mobile-drawer .menu-item:nth-child(7){animation-delay:.14s}.mobile-drawer .menu-item:nth-child(8){animation-delay:.16s}.mobile-drawer .menu-item:nth-child(9){animation-delay:.18s}.mobile-drawer .menu-item:nth-child(10){animation-delay:.2s}@keyframes menuItemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.menu-header:focus-visible,.subMenuLink:focus-visible{outline:2px solid hsl(220,100%,50%);outline-offset:2px}@media (hover: none){.menu-header:active{background:hsla(0,0%,0%,.08)}.subMenuLink:active{background:hsla(0,0%,0%,.06)}}.layoutContainer{min-height:100vh;background:var(--background)}.layoutRow{display:flex!important;margin:0!important}.sidebarCol{width:260px;flex-shrink:0;padding:0!important;border-right:1px solid hsla(0,0%,0%,.06);display:none}.contentCol{flex:1;min-width:0;padding:0}.mainContent{max-width:800px;margin:0 auto;padding:28px;animation:contentFadeIn .3s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tocCol{width:200px;flex-shrink:0;padding:0;display:none}@media (min-width: 1191px){.sidebarCol{display:block!important}.contentCol{width:calc(100% - 260px)}}@media (min-width: 1280px){.tocCol{display:block}.contentCol{width:calc(100% - 460px)}}@media (max-width: 768px){.mainContent{padding:16px}}.pageTransition{animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breadcrumb{display:flex;align-items:center;gap:8px;padding:14px 0;font-size:13px}.breadcrumb a{color:gray;text-decoration:none;transition:color .15s ease}.breadcrumb a:hover{color:#333}.breadcrumb span{color:var(--foreground)}.breadcrumbSeparator{color:#ccc}.pageHeader{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,0%,.06)}.pageTitle{font-size:1.75rem;font-weight:700;color:var(--foreground);margin-bottom:8px;letter-spacing:-.025em}.pageDescription{font-size:15px;color:#666;line-height:1.65}.pageMeta{display:flex;gap:18px;margin-top:14px;font-size:12px;color:#8c8c8c}.pageMeta span{display:flex;align-items:center;gap:5px}.pageMeta svg{width:13px;height:13px}.navButtons{display:flex;justify-content:space-between;gap:14px;margin-top:48px;padding-top:24px;border-top:1px solid hsla(0,0%,0%,.06)}.navButton{flex:1;max-width:240px;padding:14px 18px;border-radius:12px;border:1px solid hsla(0,0%,0%,.06);background:transparent;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.navButton:hover{border-color:#0000001f;background:hsla(0,0%,0%,.02);transform:translateY(-2px);box-shadow:0 4px 12px -4px #00000014}.navButton.prev{align-items:flex-start}.navButton.next{align-items:flex-end;margin-left:auto}.navButtonLabel{font-size:11px;color:#737373;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.navButtonTitle{font-size:14px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}@media (max-width: 640px){.navButtons{flex-direction:column;gap:10px}.navButton{max-width:100%}.navButton.next{margin-left:0;align-items:flex-start}.pageTitle{font-size:1.5rem}}.mobile-sidebar-drawer .ant-drawer-header{padding:0!important;border-bottom:none!important}.mobile-sidebar-drawer .ant-drawer-header-title{flex:1}.mobile-sidebar-drawer .ant-drawer-title{width:100%}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsla(0,0%,0%,.06)}.drawer-logo{display:flex;align-items:center;gap:12px}.drawer-logo-image{width:36px;height:36px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(0,0%,98%) 0%,hsl(0,0%,94%) 100%);border:1px solid hsla(0,0%,0%,.06);box-shadow:0 2px 8px -2px #00000014;flex-shrink:0}.drawer-logo-image img{width:26px;height:26px;object-fit:contain}.drawer-logo-text{display:flex;align-items:center;gap:8px}.drawer-logo-company{font-size:17px;font-weight:800;color:#141414;letter-spacing:-.03em;background:linear-gradient(135deg,hsl(0,0%,8%) 0%,hsl(0,0%,28%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.drawer-logo-divider{color:#0000001f;font-weight:300;font-size:18px}.drawer-logo-product{font-size:15px;font-weight:700;color:#404040;letter-spacing:-.02em}.drawer-close-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,0%,.03);border:1px solid hsla(0,0%,0%,.06);color:#595959;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.drawer-close-btn:hover{background:hsla(0,0%,0%,.06);color:#262626;border-color:#0000001a}.drawer-close-btn:active{transform:scale(.95)}.mobile-sidebar-drawer .ant-drawer-content-wrapper{transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.mobile-sidebar-drawer .ant-drawer-mask{background:hsla(0,0%,0%,.4)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-sidebar-drawer .ant-drawer-body{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:12px;color:var(--muted-foreground)}.page-loader-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:page-loader-spin .7s linear infinite}.page-loader-text{font-size:14px;font-weight:500}@keyframes page-loader-spin{to{transform:rotate(360deg)}}:root,.light{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 4%);--muted: hsl(0, 0%, 96%);--muted-foreground: hsl(0, 0%, 35%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(0, 0%, 9%);--primary: hsl(0, 0%, 9%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(0, 0%, 96%);--secondary-foreground: hsl(0, 0%, 9%);--border: hsl(0, 0%, 90%);--input: hsl(0, 0%, 90%);--ring: hsl(0, 0%, 25%);--destructive: hsl(0, 72%, 51%);--destructive-foreground: hsl(0, 0%, 100%);--accent: hsl(0, 0%, 96%);--accent-foreground: hsl(0, 0%, 9%);--shadow-xs: 0 1px 2px 0 hsla(0, 0%, 0%, .03);--shadow-sm: 0 1px 3px 0 hsla(0, 0%, 0%, .06), 0 1px 2px -1px hsla(0, 0%, 0%, .06);--shadow-md: 0 4px 6px -1px hsla(0, 0%, 0%, .08), 0 2px 4px -2px hsla(0, 0%, 0%, .06);--shadow-lg: 0 10px 15px -3px hsla(0, 0%, 0%, .08), 0 4px 6px -4px hsla(0, 0%, 0%, .06);--radius: 8px;--radius-lg: 12px;--radius-sm: 6px}.dark{--background: hsl(0, 0%, 4%);--foreground: hsl(0, 0%, 98%);--muted: hsl(0, 0%, 15%);--muted-foreground: hsl(0, 0%, 64%);--card: hsl(0, 0%, 4%);--card-foreground: hsl(0, 0%, 98%);--primary: hsl(0, 0%, 98%);--primary-foreground: hsl(0, 0%, 9%);--secondary: hsl(0, 0%, 15%);--secondary-foreground: hsl(0, 0%, 98%);--border: hsl(0, 0%, 18%);--input: hsl(0, 0%, 18%);--ring: hsl(0, 0%, 83%);--destructive: hsl(0, 62%, 30%);--destructive-foreground: hsl(0, 0%, 98%);--accent: hsl(0, 0%, 15%);--accent-foreground: hsl(0, 0%, 98%);--shadow-xs: 0 1px 2px 0 hsla(0, 0%, 0%, .2);--shadow-sm: 0 1px 3px 0 hsla(0, 0%, 0%, .3), 0 1px 2px -1px hsla(0, 0%, 0%, .3);--shadow-md: 0 4px 6px -1px hsla(0, 0%, 0%, .35), 0 2px 4px -2px hsla(0, 0%, 0%, .3);--shadow-lg: 0 10px 15px -3px hsla(0, 0%, 0%, .35), 0 4px 6px -4px hsla(0, 0%, 0%, .3)}*{margin:0;padding:0;box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;color:var(--foreground)}h1{font-size:2.25rem;line-height:1.15;font-weight:800}h2{font-size:1.75rem;line-height:1.2;font-weight:700}h3{font-size:1.375rem;line-height:1.3;font-weight:700}h4{font-size:1.125rem;font-weight:600}h5{font-size:1rem;font-weight:600}h6{font-size:.875rem;font-weight:600}p{color:var(--muted-foreground);line-height:1.7;font-size:15px}strong,b{font-weight:700;color:var(--foreground)}a{color:var(--foreground);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);font-weight:500;transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--foreground)}.rootContainer{width:100%;background-color:var(--background)}.rootContainer::-webkit-scrollbar{display:none}.contantContainer{height:calc(100vh - 56px);overflow-y:auto;background-color:var(--background)}.contantContainer::-webkit-scrollbar{width:6px}.contantContainer::-webkit-scrollbar-track{background:transparent}.contantContainer::-webkit-scrollbar-thumb{background:hsl(0,0%,85%);border-radius:3px}.contantContainer::-webkit-scrollbar-thumb:hover{background:hsl(0,0%,70%)}.sideBarContainer{height:calc(100vh - 56px);background-color:var(--background)}.rightSidebarTitle{padding:12px 16px;font-weight:500;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.boxContainer{padding:20px 0 40px;margin:0 auto;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ant-anchor-link-title{color:var(--muted-foreground)!important;font-size:13px;font-weight:500;transition:color .15s ease}.ant-anchor-link-title-active{color:var(--foreground)!important;font-weight:600}.ant-anchor-ink-visible{background-color:var(--foreground)!important;width:2px!important}.boxContainer h3{font-size:2rem;font-weight:700;margin-bottom:16px;letter-spacing:-.025em;color:var(--foreground)}.boxContainer .imageContainerStyle{padding:20px 0}.main-module-img{margin:16px 0}.main-module-img img{width:100%;max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.boxContainer .img{margin:12px 0;border-radius:var(--radius);border:1px solid var(--border)}.boxContainer p{font-size:15px;line-height:1.7;color:var(--muted-foreground)}@media (max-width: 820px){.sideBarContainer{display:none}}@media (max-width: 640px){.boxContainer{padding:56px 16px 24px}.boxContainer h3{font-size:1.5rem}}.description{font-size:15px;color:var(--muted-foreground);line-height:1.7}.description p{padding:8px 0;margin:0}.listStyle{margin:12px 0;padding-left:0}.listStyle li{padding:6px 0;list-style:none;color:var(--muted-foreground);font-size:15px}.listStyle li div{padding:6px 0;font-size:15px;font-weight:600;color:var(--foreground)}.cardStyleBox{height:200px;background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;text-decoration:none;transition:all .2s ease}.cardStyleBox:hover{border-color:#bfbfbf;box-shadow:var(--shadow-md);transform:translateY(-2px)}.cardStyleBox .heading{font-size:1.25rem;font-weight:600;color:var(--foreground);margin-bottom:8px}.bodyDescription{color:var(--muted-foreground);font-size:14px;line-height:1.5}.mainHeading{font-size:1.375rem;font-weight:600;margin:32px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--foreground);letter-spacing:-.02em}.listWithinContent{margin-left:20px;margin-top:10px}.listWithinContent li{padding:5px 0;list-style-type:disc;color:var(--muted-foreground);font-size:15px}.modern-card{background:var(--card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);transition:all .2s ease}.modern-card:hover{border-color:#bfbfbf;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modern-icon-wrapper{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--muted);margin-bottom:14px}.modern-icon-wrapper svg{color:var(--foreground);width:20px;height:20px}.modern-table{width:100%;border-collapse:collapse;font-size:14px}.modern-table thead{border-bottom:1px solid var(--border)}.modern-table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--muted-foreground);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.modern-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--foreground);font-size:14px}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr{transition:background-color .15s ease}.modern-table tbody tr:hover td{background-color:var(--muted)}.modern-section-card{background:var(--card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border)}.modern-highlight-box{background:var(--muted);border-radius:var(--radius);padding:16px 20px;border-left:3px solid var(--foreground);margin-top:16px}.compact-image,.step-image{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:16px 0}.step-image{max-width:600px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(0,0%,85%);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(0,0%,70%)}::selection{background:hsl(0,0%,20%);color:#fff}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);border:none;cursor:pointer;transition:all .15s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:var(--radius);background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:hsl(0,0%,94%);border-color:#ccc}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:var(--radius);background:transparent;color:var(--foreground);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.btn-outline:hover{background:var(--muted);border-color:#ccc}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:500;background:var(--muted);color:var(--foreground)}.badge-outline{background:transparent;border:1px solid var(--border)}code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--muted);color:var(--foreground);font-weight:500}pre{background:var(--muted);padding:16px 20px;border-radius:var(--radius);overflow-x:auto;font-size:13px;margin:16px 0;border:1px solid var(--border)}pre code{background:none;padding:0}.alert{padding:16px;border-radius:var(--radius);border:1px solid var(--border);margin:16px 0}.alert-destructive{border-color:var(--destructive);color:var(--destructive);background:hsla(0,72%,51%,.05)}.input{width:100%;padding:10px 14px;font-size:14px;font-weight:400;border-radius:var(--radius);border:1px solid var(--input);background:transparent;color:var(--foreground);transition:all .15s ease}.input::placeholder{color:var(--muted-foreground)}.input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #1717170f}.separator{height:1px;background:var(--border);margin:24px 0}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-muted{color:var(--muted-foreground)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@media (max-width: 640px){.description{padding:0 8px}.modern-card,.modern-section-card{padding:16px}}em{font-style:italic}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}
