:root{--bg: #0f172a;--card-bg: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--border: #334155;--sidebar-bg: #1e293b;--content-bg: #0f172a;--code-bg: #1e293b;--code-text: #a5b4fc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:300px;background:var(--sidebar-bg);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.sidebar-header{padding:20px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1.5rem;color:var(--accent)}.sidebar-nav{padding:10px 0}.nav-tree{list-style:none}.nav-item{display:flex;align-items:center;padding:8px 20px;cursor:pointer;transition:background .2s}.nav-item:hover{background:#38bdf81a}.nav-item.active{background:#38bdf833;border-left:3px solid var(--accent)}.nav-item .icon{margin-right:10px;font-size:1.1rem}.nav-item .name{flex:1}.nav-children{list-style:none;margin-left:20px}.content{flex:1;overflow-y:auto;padding:20px;background:var(--content-bg)}.content-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border)}.content-header h1{font-size:2.8rem;background:linear-gradient(90deg,var(--accent),#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--muted);font-size:1.1rem;margin-top:8px}.breadcrumbs{display:flex;align-items:center;margin-bottom:20px;font-size:.9rem;color:var(--muted)}.crumb{cursor:pointer;transition:color .2s}.crumb:hover{color:var(--accent)}.separator{margin:0 8px}.doc-content{max-width:800px;margin:0 auto;padding:20px;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px #00000040}.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4,.doc-content h5,.doc-content h6{color:var(--accent);margin-top:1.5em;margin-bottom:.5em}.doc-content p{margin-bottom:1em}.doc-content ul,.doc-content ol{margin-left:20px;margin-bottom:1em}.doc-content li{margin-bottom:.5em}.doc-content code{background:var(--code-bg);padding:2px 6px;border-radius:4px;color:var(--code-text);font-family:monospace}.doc-content pre{background:var(--code-bg);padding:16px;border-radius:12px;overflow-x:auto;margin-bottom:1em}.doc-content pre code{background:none;padding:0;color:var(--code-text)}.doc-content blockquote{border-left:4px solid var(--accent);padding-left:16px;margin:1em 0;color:var(--muted)}.welcome{max-width:800px;margin:0 auto;text-align:center;padding:40px;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px #00000040}.welcome h2{color:var(--accent);margin-bottom:20px}.welcome p{color:var(--muted);margin-bottom:40px}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.feature-item{padding:20px;background:#38bdf81a;border-radius:12px;transition:transform .2s}.feature-item:hover{transform:translateY(-5px)}.feature-item h3{color:var(--accent);margin-bottom:10px}.feature-item p{color:var(--muted);margin-bottom:0}.loading,.error{text-align:center;padding:40px;max-width:800px;margin:0 auto;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px #00000040}.error{color:#ef4444}.content-footer{text-align:center;color:var(--muted);font-size:.9rem;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}@media (max-width: 768px){.app{flex-direction:column}.sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border)}.content{flex:1}.content-header h1{font-size:2rem}.feature-list{grid-template-columns:1fr}}