.docs-container{color:#fff;background:#08090a;min-height:100vh;font-family:inherit}.docs-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#08090af2;border-bottom:1px solid #1c1c1e;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{flex:1;align-items:center;display:flex}.logo{align-items:center;gap:8px;font-size:16px;font-weight:400;display:flex}.divider{background-color:#fff3;width:1px;height:16px}.logo-icon{font-size:20px}.logo-icon-img{box-sizing:border-box;border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;padding:2px}.logo-text{color:#fff;font-size:18px}.search-container{position:relative}.search-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;width:240px;height:32px;padding:0 12px;transition:all .2s;display:flex}.search-box:hover{background:#ffffff14;border-color:#fff3}.search-icon{color:#ffffff80}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.header-nav{align-items:center;gap:24px;display:flex}.nav-link{color:#ffffffb3;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.theme-toggle{cursor:pointer;color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.theme-toggle:hover{color:#fff;background:#ffffff14}.signup-btn{color:#08090a;cursor:pointer;background:#fff;border:none;border-radius:6px;height:32px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.signup-btn:hover{background:#ffffffe6}.docs-layout{min-height:calc(100vh - 60px);padding-top:140px;display:flex}.docs-sidebar{background:#08090a;border-right:1px solid #1c1c1e;width:280px;padding:32px 16px;position:fixed;top:140px;bottom:0;left:0;overflow-y:auto}.sidebar-nav{padding:0}.nav-section{margin-bottom:24px}.nav-section-title{color:#ffffffe6;margin:0 0 12px;padding:0 12px;font-size:14px;font-weight:500}.sidebar-nav .nav-link{color:#fff9;border-radius:6px;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-size:14px;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav .nav-link:hover{color:#fff;background:#ffffff0d}.sidebar-nav .nav-link.active{color:#fff;background:#ffffff1a}.sidebar-nav .nav-link.has-arrow:after{content:">";color:#fff6;font-size:12px;transform:scaleY(1.5)}.nav-section-header{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-section-header:hover{color:#fff;background:#ffffff0d}.chevron{color:#fff6;transition:transform .2s}.nav-section-header:hover .chevron{color:#fff9}.sidebar-footer{border-top:1px solid #1c1c1e;padding:16px 0}.footer-item{cursor:pointer;color:#ffffffb3;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:14px;transition:background .2s;display:flex}.footer-item:hover{color:#fff;background:#ffffff0d}.footer-item:last-child{margin-bottom:0}.footer-icon{color:#ffffff80}.docs-main{flex:1;max-width:calc(100% - 280px);margin-left:280px;padding:48px}.docs-content{max-width:1200px;margin:0 auto}.content-header{margin-bottom:48px}.main-title{color:#fff;margin:0 0 16px;font-size:32px;font-weight:500;line-height:1.1}.main-subtitle{color:#ffffffb3;margin:0;font-size:16px;font-weight:300;line-height:1.5}.popular-section,.basics-section{margin-bottom:64px}.section-title{color:#fff;margin:0 0 24px;font-size:18px;font-weight:500}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.doc-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:24px;transition:all .2s}.doc-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.card-icon{color:#fffc;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.card-title{color:#fff;margin:0 0 8px;font-size:15px;font-weight:500}.card-description{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}@media (max-width:1024px){.docs-main{max-width:100%;margin-left:0;padding:24px}.docs-sidebar{transition:transform .3s;transform:translate(-100%)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.main-title{font-size:36px}.main-subtitle{font-size:16px}}@media (max-width:768px){.docs-header{padding:0 16px}.header-left{gap:16px}.search-box{width:180px}.docs-main{padding:24px 16px}.content-header{margin-bottom:32px}.main-title{font-size:32px}.card-grid{grid-template-columns:1fr}.doc-card{padding:20px}.popular-section,.basics-section{margin-bottom:48px}}@media (max-width:480px){.header-right{gap:8px}.header-nav{display:none}.search-box{width:120px}.main-title{font-size:28px}.main-subtitle{font-size:14px}.doc-card{padding:16px}.card-icon{width:40px;height:40px}.card-title{font-size:16px}.card-description{font-size:13px}}body.light{color:#08090a;background-color:#fff}body.light .docs-container{color:#08090a;background:#fff}body.light .docs-header{background:#fffffff2;border-bottom:1px solid #eaeaeb}body.light .logo-text{color:#08090a}body.light .divider{background-color:#0000001a}body.light .logo-icon-img{border-color:#0000001a}body.light .search-box{background:#0000000d;border-color:#0000001a}body.light .search-box:hover{background:#00000014;border-color:#0003}body.light .search-icon{color:#00000080}body.light .nav-link{color:#000000b3}body.light .nav-link:hover{color:#08090a}body.light .theme-toggle{color:#000000b3;background:#0000000d;border-color:#0000001a}body.light .theme-toggle:hover{color:#08090a;background:#00000014}body.light .signup-btn{color:#fff;background:#08090a}body.light .signup-btn:hover{background:#08090ae6}body.light .docs-sidebar{background:#fff;border-right:1px solid #eaeaeb}body.light .nav-section-title{color:#000000e6}body.light .sidebar-nav .nav-link{color:#0009}body.light .sidebar-nav .nav-link:hover{color:#08090a;background:#0000000d}body.light .sidebar-nav .nav-link.active{color:#08090a;background:#0000001a}body.light .sidebar-footer{border-top:1px solid #eaeaeb}body.light .footer-item{color:#000000b3}body.light .footer-item:hover{color:#08090a;background:#0000000d}body.light .main-title{color:#08090a}body.light .main-subtitle{color:#000000b3}body.light .section-title{color:#08090a}body.light .doc-card{background:#00000008;border-color:#00000014}body.light .doc-card:hover{background:#0000000d;border-color:#00000026}body.light .card-icon{color:#000c;background:#0000000d}body.light .card-title{color:#08090a}body.light .card-description{color:#000000b3}.update-popup{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 100%);border-bottom:1px solid #fff3;padding:16px 24px;animation:.4s ease-out slideDown;position:fixed;top:60px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.popup-content{align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.popup-icon{color:#fff;background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.popup-text{color:#fff;flex:1}.popup-text strong{margin-bottom:4px;font-size:15px;font-weight:600;display:block}.popup-text p{opacity:.95;margin:0;font-size:14px;line-height:1.4}.popup-close{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.popup-close:hover{background:#ffffff40;transform:scale(1.05)}@media (max-width:768px){.update-popup{padding:12px 16px}.popup-content{gap:12px}.popup-icon{width:36px;height:36px}.popup-text strong{font-size:14px}.popup-text p{font-size:13px}}@media (max-width:480px){.popup-icon{display:none}.popup-text strong{font-size:13px}.popup-text p{font-size:12px}.popup-close{width:28px;height:28px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#08090a;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:500px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.modal-close{cursor:pointer;color:#ffffffb3;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{text-align:center;padding:32px 24px}.support-icon{color:#6366f1;background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.support-message{color:#ffffffe6;margin:0 0 16px;font-size:16px;line-height:1.6}.support-email{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s}.support-email:hover{color:#8b5cf6;text-decoration:underline}.support-response-time{color:#fff9;margin:0;font-size:14px;font-style:italic}body.light .modal-content{background:#fff;border-color:#0000001a}body.light .modal-header{border-bottom-color:#0000001a}body.light .modal-header h2{color:#08090a}body.light .modal-close{color:#000000b3;background:#0000000d}body.light .modal-close:hover{color:#08090a;background:#0000001a}body.light .support-message{color:#000000e6}body.light .support-response-time{color:#0009}@media (max-width:768px){.modal-content{width:95%;max-width:none;margin:16px}.modal-header{padding:20px 20px 12px}.modal-header h2{font-size:18px}.modal-body{padding:24px 20px}.support-icon{width:64px;height:64px}.support-message{font-size:15px}}
