:root{--bg-primary: #0A0A0F;--bg-secondary: #0F0F18;--bg-tertiary: #111118;--bg-card: rgba(17, 17, 24, .8);--bg-card-solid: #111118;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .03);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--text-inverse: #0A0A0F;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .15);--border-focus: rgba(79, 139, 255, .5);--accent-primary: #4F8BFF;--accent-secondary: #7C3AED;--accent-gradient: linear-gradient(135deg, #4f8bff, #7c3aed);--accent-gradient-hover: linear-gradient(135deg, #6b9fff, #8f4ff5);--accent-primary-rgb: 79, 139, 255;--accent-secondary-rgb: 124, 58, 237;--success: #10B981;--success-rgb: 16, 185, 129;--warning: #F59E0B;--warning-rgb: 245, 158, 11;--error: #EF4444;--error-rgb: 239, 68, 68;--info: #3B82F6;--info-rgb: 59, 130, 246;--success-bg: rgba(16, 185, 129, .1);--warning-bg: rgba(245, 158, 11, .1);--error-bg: rgba(239, 68, 68, .1);--info-bg: rgba(59, 130, 246, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--glass-bg: rgba(17, 17, 24, .85);--glass-bg-strong: rgba(17, 17, 24, .95);--glass-blur: blur(16px);--glass-border: rgba(255, 255, 255, .08);--loading-overlay-bg: rgba(10, 10, 15, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(79, 139, 255, .3);--shadow-glow-lg: 0 8px 30px rgba(79, 139, 255, .4);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .4s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 50;--z-sticky: 60;--z-fixed: 70;--z-modal-backdrop: 80;--z-modal: 90;--z-popover: 100;--z-tooltip: 110;--z-toast: 120;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--header-height-mobile: 56px;--max-content-width: 1200px}[data-theme=light]{--bg-primary: #FAFBFC;--bg-secondary: #FFFFFF;--bg-tertiary: #F3F4F6;--bg-card: rgba(255, 255, 255, .95);--bg-card-solid: #FFFFFF;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .06);--bg-input: rgba(0, 0, 0, .02);--text-primary: rgba(17, 24, 39, .95);--text-secondary: rgba(17, 24, 39, .7);--text-tertiary: rgba(17, 24, 39, .6);--text-muted: rgba(17, 24, 39, .8);--text-inverse: #FFFFFF;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .15);--border-focus: rgba(79, 139, 255, .5);--success: #059669;--warning: #D97706;--error: #DC2626;--info: #2563EB;--success-bg: rgba(5, 150, 105, .08);--success-rgb: 5, 150, 105;--warning-bg: rgba(217, 119, 6, .1);--error-bg: rgba(220, 38, 38, .1);--info-bg: rgba(37, 99, 235, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .08);--loading-overlay-bg: rgba(255, 255, 255, .7);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-glow: none;--shadow-glow-lg: none}html{transition:background-color .3s ease}body,.app-layout,.sidebar,.header,.mobile-nav{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--transition-slower: 0ms}html,body,.app-layout,.sidebar,.header,.mobile-nav{transition:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.help-layout{display:flex;flex-direction:column;min-height:100vh}.help-main{flex:1;width:100%}.page-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.help-header{position:sticky;top:0;z-index:100;background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-secondary);height:60px}.header-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;gap:1.5rem}.header-logo-area{display:flex;align-items:center;flex-shrink:0}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none!important}.header-logo-img{height:28px;width:auto}.header-logo-dark{display:block}.header-logo-light,[data-theme=light] .header-logo-dark{display:none}[data-theme=light] .header-logo-light{display:block}.help-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);background:#4f8bff1a;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.header-search-area{flex:1;max-width:480px}.header-search{position:relative;width:100%}.header-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.header-search input{width:100%;padding:8px 12px 8px 36px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color .2s,background .2s}.header-search input:focus{border-color:var(--border-focus);background:var(--bg-secondary)}.header-search input::placeholder{color:var(--text-muted)}.header-end-area{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:auto}.header-dashboard-link{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none!important;padding:6px 12px;border-radius:6px;transition:color .2s,background .2s}.header-dashboard-link:hover{color:var(--text-primary);background:var(--bg-hover)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-hover)}.theme-icon-light{display:none!important}.theme-icon-dark,[data-theme=light] .theme-icon-light{display:block!important}[data-theme=light] .theme-icon-dark{display:none!important}.search-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:200;max-height:320px;overflow-y:auto}.search-dropdown.active{display:block}.search-dropdown-item{display:block;padding:10px 14px;border-bottom:1px solid var(--border-secondary);text-decoration:none!important;transition:background .15s}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:var(--bg-hover)}.search-dropdown-item .item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.search-dropdown-item .item-category{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.search-dropdown-empty{padding:12px 14px;font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.search-dropdown-all{display:block;padding:10px 14px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-primary);border-top:1px solid var(--border-secondary);text-decoration:none!important}.search-dropdown-all:hover{background:var(--bg-hover)}.hero-section{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:4rem 1.5rem;text-align:center}.hero-content{max-width:640px;margin:0 auto}.hero-content h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:1.5rem;color:var(--text-primary)}.hero-search{position:relative;max-width:500px;margin:0 auto}.hero-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.hero-search input{width:100%;padding:14px 16px 14px 48px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:var(--text-lg);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.hero-search input:focus{border-color:var(--border-focus);background:var(--bg-secondary);box-shadow:0 0 0 3px #4f8bff26}.hero-search input::placeholder{color:var(--text-muted)}.hero-search .search-dropdown{border-radius:12px;top:calc(100% + 8px)}.categories-section,.featured-section{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}.categories-section h2,.featured-section h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:1.5rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.category-card{display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:12px;text-decoration:none!important;transition:border-color .2s,background .2s,transform .2s}.category-card:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-2px)}.category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4f8bff1a;border-radius:10px;color:var(--accent-primary);margin-bottom:.75rem}.category-icon svg{width:24px;height:24px}.category-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:.25rem}.category-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.75rem;flex:1}.category-count{font-size:var(--text-xs);color:var(--text-tertiary)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.article-card{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:10px;text-decoration:none!important;transition:border-color .2s,background .2s}.article-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.article-card-content{flex:1}.article-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:.5rem}.article-excerpt{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.75rem}.article-category-badge{display:inline-block;align-self:flex-start;font-size:var(--text-xs);color:var(--accent-primary);background:#4f8bff1a;padding:2px 8px;border-radius:4px;width:fit-content}.articles-list{display:flex;flex-direction:column}.article-list-item{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary);text-decoration:none!important;transition:background .15s;gap:1rem;border-radius:8px}.article-list-item:first-child{border-top:1px solid var(--border-secondary)}.article-list-item:hover{background:var(--bg-hover)}.article-list-content{flex:1}.article-list-content h3{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:.25rem}.article-list-content p{font-size:var(--text-sm);color:var(--text-secondary)}.article-arrow{flex-shrink:0;color:var(--text-muted)}.category-header{margin-bottom:2rem}.category-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#4f8bff1a;border-radius:12px;color:var(--accent-primary);margin-bottom:.75rem}.category-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:.5rem}.category-header-description{font-size:var(--text-lg);color:var(--text-secondary)}.article-content{margin-bottom:3rem}.article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-secondary)}.article-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:.5rem}.article-lead{font-size:var(--text-lg);color:var(--text-secondary)}.article-toc{display:none;margin-bottom:2rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px}.article-toc.has-items{display:block}.article-toc-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.article-toc-list{list-style:none}.article-toc-list li{margin-bottom:.25rem}.article-toc-list a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s}.article-toc-list a:hover{color:var(--accent-primary)}.article-toc-list .toc-h3{padding-left:1rem}.article-body h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:80px}.article-body h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-top:1.5rem;margin-bottom:.5rem;scroll-margin-top:80px}.article-body p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.75}.article-body ul,.article-body ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--text-secondary)}.article-body li{margin-bottom:.5rem;line-height:1.7}.article-body code{font-family:var(--font-mono);font-size:.875em;padding:2px 6px;background:var(--bg-hover);border-radius:4px;color:var(--accent-primary)}.article-body pre{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;overflow-x:auto}.article-body pre code{padding:0;background:transparent;color:var(--text-primary)}.article-body blockquote{margin-bottom:1rem;padding:.75rem 1rem;border-left:3px solid var(--accent-primary);background:#4f8bff0d;border-radius:0 8px 8px 0}.article-body blockquote p{margin-bottom:0}.article-body table{width:100%;margin-bottom:1rem;border-collapse:collapse}.article-body th,.article-body td{padding:.75rem;border:1px solid var(--border-secondary);text-align:left}.article-body th{background:var(--bg-secondary);font-weight:var(--font-semibold)}.article-body img{display:block;margin:1.5rem 0;border:1px solid var(--border-secondary);border-radius:8px;cursor:zoom-in;transition:opacity .2s}.article-body img:hover{opacity:.9}.lightbox-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;cursor:zoom-out}.lightbox-overlay.active{display:flex}.lightbox-overlay img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 32px #00000080}.search-page-header{margin-bottom:2rem}.search-page-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:1rem}.search-form{max-width:500px}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-input-wrapper input{width:100%;padding:12px 14px 12px 44px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:var(--text-base);outline:none;transition:border-color .2s}.search-input-wrapper input:focus{border-color:var(--border-focus)}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-results-count{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:1rem}.related-articles{padding-top:2rem;border-top:1px solid var(--border-secondary)}.related-articles h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:var(--text-sm)}.breadcrumb a{color:var(--text-tertiary);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb .separator{color:var(--text-muted)}.breadcrumb span:last-child{color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-tertiary);padding:3rem 1rem;font-size:var(--text-lg)}.pagination{margin-top:2rem;display:flex;justify-content:center}.pagination nav{display:flex;gap:.25rem}.help-footer{border-top:1px solid var(--border-secondary);padding:2rem 1.5rem;text-align:center}.footer-inner{max-width:1100px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-links a{font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-primary)}.help-footer p{font-size:var(--text-xs);color:var(--text-muted)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F0F1F3;--bg-card: rgba(255, 255, 255, .8);--bg-card-solid: #FFFFFF;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .06);--bg-input: rgba(0, 0, 0, .03);--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .4);--text-muted: rgba(0, 0, 0, .25);--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .15)}[data-theme=light] .help-header{background:#ffffffd9}[data-theme=light] .theme-toggle{color:var(--text-secondary)}[data-theme=light] .search-dropdown{box-shadow:0 8px 24px #0000001a}[data-theme=light] .lightbox-overlay{background:#000c}@media (max-width: 768px){.hero-content h1{font-size:var(--text-3xl)}.hero-section{padding:2.5rem 1rem}.header-search-area,.header-dashboard-link span{display:none}.categories-grid,.articles-grid{grid-template-columns:1fr}.article-header h1,.category-header h1{font-size:var(--text-2xl)}}