﻿.help-page{background-color:#0d0d0d;color:#ededed;font-family:"Inter","Inter Fallback",system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.5}.help-container{max-width:1920px;margin:0 auto;padding:24px}.help-header{margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.help-header .help-title{font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-0.8px;margin-bottom:8px;color:#ededed}.help-header .help-title i{color:#18e299;margin-right:8px}.help-header .help-subtitle{font-size:18px;color:#a0a0a0;max-width:800px;margin:0}.help-content{display:grid;grid-template-columns:420px 1fr;gap:32px;min-height:calc(100vh - 200px)}@media(max-width: 1024px){.help-content{grid-template-columns:1fr;gap:24px}}.help-navigation{background-color:#141414;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:24px;height:fit-content;position:sticky;top:24px}.help-navigation .nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.help-navigation .nav-header h2{font-size:20px;font-weight:600;letter-spacing:-0.8px;margin:0;display:flex;align-items:center;gap:8px}.help-navigation .nav-header h2 i{color:#18e299}.help-navigation .nav-header .nav-toggle{background:none;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#a0a0a0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.help-navigation .nav-header .nav-toggle:hover{border-color:#18e299;color:#18e299}.help-navigation .nav-sections .nav-section{margin-bottom:16px;border-radius:8px;overflow:hidden}.help-navigation .nav-sections .nav-section:last-child{margin-bottom:0}.help-navigation .nav-sections .nav-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:hsla(0,0%,100%,.03);cursor:pointer;transition:background-color .2s ease}.help-navigation .nav-sections .nav-section .section-header:hover{background-color:hsla(0,0%,100%,.05)}.help-navigation .nav-sections .nav-section .section-header h3{font-size:16px;font-weight:500;margin:0;display:flex;align-items:center;gap:8px}.help-navigation .nav-sections .nav-section .section-header h3 i{color:#18e299;width:16px;text-align:center}.help-navigation .nav-sections .nav-section .section-header .section-toggle{color:#a0a0a0;transition:transform .3s ease}.help-navigation .nav-sections .nav-section .section-header .section-toggle i{font-size:12px}.help-navigation .nav-sections .nav-section .section-items{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:hsla(0,0%,100%,.02)}.help-navigation .nav-sections .nav-section .section-items .nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 32px;color:#a0a0a0;text-decoration:none;transition:all .2s ease;border-left:2px solid rgba(0,0,0,0)}.help-navigation .nav-sections .nav-section .section-items .nav-item:hover{color:#ededed;background-color:hsla(0,0%,100%,.03);border-left-color:#18e299}.help-navigation .nav-sections .nav-section .section-items .nav-item.active{color:#18e299;background-color:rgba(24,226,153,.05);border-left-color:#18e299}.help-navigation .nav-sections .nav-section .section-items .nav-item i{width:16px;text-align:center;font-size:14px}.help-navigation .nav-sections .nav-section .section-items .nav-item span{font-size:13px}.help-navigation .nav-sections .nav-section.expanded .section-toggle{transform:rotate(90deg)}.help-navigation .nav-sections .nav-section.expanded .section-items{max-height:500px}.help-main .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.help-main .content-header .breadcrumbs{display:flex;align-items:center;gap:4px;font-size:13px;color:#a0a0a0}.help-main .content-header .breadcrumbs a{color:#a0a0a0;text-decoration:none;transition:color .2s ease}.help-main .content-header .breadcrumbs a:hover{color:#18e299}.help-main .content-header .breadcrumbs .separator{margin:0 4px}.help-main .content-header .breadcrumbs .current{color:#ededed;font-weight:500}.help-main .content-header .content-actions .btn{font-size:15px;font-weight:500;padding:8px 16px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.08);background-color:rgba(0,0,0,0);color:#ededed;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.help-main .content-header .content-actions .btn:hover:not(:disabled){border-color:#18e299;color:#18e299}.help-main .content-header .content-actions .btn:disabled{opacity:.5;cursor:not-allowed}.help-main .content-header .content-actions .btn.btn-secondary{background-color:hsla(0,0%,100%,.05)}.help-main .content-header .content-actions .btn.btn-outline{border-color:#18e299;color:#18e299}.help-main .content-header .content-actions .btn.btn-outline:hover{background-color:rgba(24,226,153,.1)}.welcome-section{margin-bottom:48px}.welcome-section .welcome-card{background-color:#141414;border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:32px;display:flex;align-items:flex-start;gap:32px;box-shadow:rgba(0,0,0,.4) 0px 2px 4px}.welcome-section .welcome-card .welcome-icon{background:linear-gradient(135deg, rgba(24, 226, 153, 0.1), rgba(24, 226, 153, 0.2));border-radius:16px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-section .welcome-card .welcome-icon i{font-size:32px;color:#18e299}.welcome-section .welcome-card .welcome-content{flex:1}.welcome-section .welcome-card .welcome-content h2{font-size:24px;font-weight:600;letter-spacing:-0.8px;margin-top:0;margin-bottom:16px;color:#ededed}.welcome-section .welcome-card .welcome-content p{font-size:16px;color:#a0a0a0;margin-bottom:32px;line-height:1.6}.welcome-section .welcome-card .welcome-content .welcome-stats{display:flex;gap:32px;flex-wrap:wrap}.welcome-section .welcome-card .welcome-content .welcome-stats .stat{display:flex;flex-direction:column;align-items:center;padding:16px;background-color:hsla(0,0%,100%,.03);border-radius:8px;min-width:100px}.welcome-section .welcome-card .welcome-content .welcome-stats .stat .stat-number{font-size:32px;font-weight:600;color:#18e299;line-height:1}.welcome-section .welcome-card .welcome-content .welcome-stats .stat .stat-label{font-size:13px;color:#a0a0a0;margin-top:4px}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:24px;margin-bottom:48px}.sections-grid .section-card{background-color:#141414;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:rgba(0,0,0,.4) 0px 2px 4px}.sections-grid .section-card:hover{transform:translateY(-4px);box-shadow:rgba(0,0,0,.5) 0px 4px 12px;border-color:rgba(24,226,153,.3)}.sections-grid .section-card .card-header{padding:24px;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;gap:16px}.sections-grid .section-card .card-header .card-icon{background-color:rgba(24,226,153,.1);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sections-grid .section-card .card-header .card-icon i{color:#18e299;font-size:20px}.sections-grid .section-card .card-header h3{font-size:20px;font-weight:600;letter-spacing:-0.8px;margin:0;color:#ededed}.sections-grid .section-card .card-content{padding:24px}.sections-grid .section-card .card-content .section-items-list{list-style:none;margin:0;padding:0}.sections-grid .section-card .card-content .section-items-list li{margin-bottom:8px}.sections-grid .section-card .card-content .section-items-list li:last-child{margin-bottom:0}.sections-grid .section-card .card-content .section-items-list li .item-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#a0a0a0;text-decoration:none;border-radius:8px;transition:all .2s ease}.sections-grid .section-card .card-content .section-items-list li .item-link:hover{background-color:hsla(0,0%,100%,.05);color:#ededed}.sections-grid .section-card .card-content .section-items-list li .item-link:hover i{color:#18e299}.sections-grid .section-card .card-content .section-items-list li .item-link i{width:16px;text-align:center;font-size:14px;color:#a0a0a0;transition:color .2s ease}.sections-grid .section-card .card-footer{padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;align-items:center;background-color:hsla(0,0%,100%,.02)}.sections-grid .section-card .card-footer .item-count{font-size:13px;color:#a0a0a0;display:flex;align-items:center;gap:4px}.sections-grid .section-card .card-footer .item-count::before{content:"📁";font-size:12px}.sections-grid .section-card .card-footer .explore-btn{font-size:15px;padding:6px 12px}.content-placeholder{background-color:#141414;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;margin-bottom:32px;overflow:hidden;box-shadow:rgba(0,0,0,.4) 0px 2px 4px}.content-placeholder:last-child{margin-bottom:0}.content-placeholder .placeholder-header{padding:24px;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;background-color:hsla(0,0%,100%,.03)}.content-placeholder .placeholder-header .placeholder-icon{background-color:rgba(24,226,153,.1);border-radius:8px;width:48px;height:48px;margin-right:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-placeholder .placeholder-header .placeholder-icon i{color:#18e299;font-size:24px}.content-placeholder .placeholder-header h2{font-size:24px;font-weight:600;letter-spacing:-0.8px;margin:0;flex:1;color:#ededed}.content-placeholder .placeholder-header .placeholder-badge{display:none}.content-placeholder .placeholder-header .placeholder-badge .badge{font-size:12px;font-family:"Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.65px;padding:4px 8px;border-radius:9999px;font-weight:600}.content-placeholder .placeholder-header .placeholder-badge .badge.badge-info{background-color:rgba(55,114,207,.1);color:#3772cf;border:1px solid rgba(55,114,207,.3)}.content-placeholder .placeholder-content{padding:32px}.content-placeholder .placeholder-content .placeholder-message{background-color:rgba(195,125,13,.05);border:1px solid rgba(195,125,13,.2);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;align-items:flex-start;gap:16px}.content-placeholder .placeholder-content .placeholder-message i{color:#c37d0d;font-size:24px;margin-top:2px;flex-shrink:0}.content-placeholder .placeholder-content .placeholder-message h3{font-size:20px;font-weight:600;margin-top:0;margin-bottom:8px;color:#ededed}.content-placeholder .placeholder-content .placeholder-message p{font-size:16px;color:#a0a0a0;margin:0;line-height:1.6}.content-placeholder .placeholder-content .placeholder-structure h4{font-size:16px;font-weight:600;margin-top:0;margin-bottom:16px;color:#ededed}.content-placeholder .placeholder-content .placeholder-structure ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:8px}.content-placeholder .placeholder-content .placeholder-structure ul li{font-size:16px;color:#a0a0a0;padding:8px 16px;background-color:hsla(0,0%,100%,.03);border-radius:8px;border-left:3px solid #18e299}.content-placeholder .placeholder-content .placeholder-structure ul li::before{content:"→";color:#18e299;margin-right:8px}.content-placeholder .placeholder-footer{padding:16px 32px;border-top:1px solid hsla(0,0%,100%,.08);background-color:hsla(0,0%,100%,.02)}.content-placeholder .placeholder-footer .placeholder-meta{display:flex;gap:32px;flex-wrap:wrap}.content-placeholder .placeholder-footer .placeholder-meta .meta-item{font-size:13px;color:#a0a0a0;display:flex;align-items:center;gap:4px}.content-placeholder .placeholder-footer .placeholder-meta .meta-item i{color:#18e299;font-size:12px}.help-footer{margin-top:48px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.08)}.help-footer .footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.help-footer .footer-content .footer-info p{font-size:13px;color:#a0a0a0;margin:0;display:flex;align-items:center;gap:8px}.help-footer .footer-content .footer-info p i{color:#18e299}.help-footer .footer-content .footer-links{display:flex;gap:24px;flex-wrap:wrap}.help-footer .footer-content .footer-links .footer-link,.help-footer .footer-content .footer-links .theme-toggle{font-size:13px;color:#a0a0a0;text-decoration:none;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s ease;padding:4px 8px;border-radius:8px}.help-footer .footer-content .footer-links .footer-link:hover,.help-footer .footer-content .footer-links .theme-toggle:hover{color:#18e299;background-color:hsla(0,0%,100%,.05)}.help-footer .footer-content .footer-links .footer-link i,.help-footer .footer-content .footer-links .theme-toggle i{font-size:12px}@media(max-width: 768px){.help-container{padding:16px}.help-header{margin-bottom:32px}.help-header .help-title{font-size:32px}.help-header .help-subtitle{font-size:16px}.welcome-card{flex-direction:column;gap:24px}.welcome-card .welcome-icon{width:48px;height:48px}.welcome-card .welcome-icon i{font-size:24px}.sections-grid{grid-template-columns:1fr}.content-placeholder .placeholder-content ul{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center;gap:16px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-card,.content-placeholder{animation:fadeIn .3s ease-out}html{scroll-behavior:smooth}.text-brand{color:#18e299}.bg-brand{background-color:rgba(24,226,153,.1)}.border-brand{border-color:#18e299}.active-section .section-header{background-color:rgba(24,226,153,.1) !important;border-left:3px solid #18e299}:target .content-placeholder{border-color:#18e299;box-shadow:0 0 0 2px rgba(24,226,153,.1)}.documentation-content{font-size:16px;line-height:1.6}.doc-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.doc-section:last-child{border-bottom:none;margin-bottom:0}.doc-section h3{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:#ededed}.doc-section h4{font-size:1.2rem;font-weight:500;margin-top:0;margin-bottom:.5rem;color:#ededed}.step-list{list-style:none;padding:0;margin:0}.step-list>li{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:hsla(0,0%,100%,.03);border-radius:8px;border-left:3px solid #18e299}.step-list>li:last-child{margin-bottom:0}.step-number{background-color:#18e299;color:#0d0d0d;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content{flex:1}.info-box,.warning-box,.tip-box{padding:1rem;border-radius:8px;margin:1rem 0;display:flex;gap:1rem;align-items:flex-start}.info-box{background-color:rgba(55,114,207,.1);border:1px solid rgba(55,114,207,.3)}.warning-box{background-color:rgba(195,125,13,.1);border:1px solid rgba(195,125,13,.3)}.tip-box{background-color:rgba(24,226,153,.1);border:1px solid rgba(24,226,153,.3)}.info-icon,.warning-icon,.tip-icon{transform:translateY(2px);flex-shrink:0;min-width:32px;text-align:center}h4,h5{margin:0}p{padding:0;margin-top:0}.info-icon i{color:#3772cf}.warning-icon i{color:#c37d0d}.tip-icon i{color:#18e299}.doc-table{width:100%;border-collapse:collapse;margin:1rem 0}.doc-table th,.doc-table td{padding:.75rem;text-align:left;border:1px solid hsla(0,0%,100%,.1)}.doc-table th{background-color:hsla(0,0%,100%,.05);font-weight:600;color:#ededed}.doc-table tr:hover{background-color:hsla(0,0%,100%,.03)}.table-responsive{overflow-x:auto}.badge-success{background-color:rgba(24,226,153,.1);color:#18e299;border:1px solid rgba(24,226,153,.3)}.content-editor{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:800px;height:80vh;max-height:600px;background:#1e1e1e;border:2px solid #18e299;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:1002;display:flex;flex-direction:column;overflow:hidden}.content-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1001}.editor-header{background:#151515;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.editor-header h4{margin:0;color:#18e299;font-size:16px;font-weight:600}.editor-header h4 i{margin-right:8px}.editor-close-btn{background:rgba(0,0,0,0);border:none;color:#aaa;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.editor-close-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.editor-body{padding:0;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.editor-info{display:flex;gap:20px;margin-bottom:15px;flex-shrink:0}.editor-path,.editor-section{font-size:12px;color:#777;background:hsla(0,0%,100%,.05);padding:4px 8px;border-radius:4px;font-family:monospace}.editor-textarea{flex-grow:1;background:#151515;color:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:12px;font-family:"Consolas","Monaco",monospace;font-size:13px;line-height:1.5;resize:none;outline:none;transition:border-color .2s;margin-bottom:15px;overflow-y:auto}.editor-textarea:focus{border-color:#18e299}.editor-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.editor-actions .btn{padding:8px 20px;font-size:14px}.editor-status{margin-left:auto;font-size:12px;color:#777}.editor-selected{outline:2px solid #18e299 !important;outline-offset:2px;position:relative}.editor-parent-selected{outline:2px dashed #18e299 !important;outline-offset:2px}.editor-notifications{position:fixed;bottom:20px;left:20px;z-index:1003;display:flex;flex-direction:column;gap:10px}.editor-notification{background:#151515;border-left:4px solid #18e299;padding:12px 16px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:400px;animation:slideIn .3s ease}.editor-notification-success{border-left-color:#4caf50}.editor-notification-error{border-left-color:#f44336}.editor-notification-info{border-left-color:#2196f3}.notification-content{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.notification-content i{font-size:16px;flex-shrink:0}.editor-notification-success .notification-content i{color:#4caf50}.editor-notification-error .notification-content i{color:#f44336}.editor-notification-info .notification-content i{color:#2196f3}@keyframes slideIn{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}
/*# sourceMappingURL=help.css.map */
