html,body{background:linear-gradient(135deg,#030712,#0f172a,#0a0c14) fixed;min-width:320px;min-height:100vh;margin:0;padding:0}#root{width:100%;height:100%}html{scrollbar-width:thin;scrollbar-color:#374151 transparent}.relative{position:relative}.static{position:static}.hidden{display:none}:root{color-scheme:dark}html,body{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a) fixed;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.app-wrapper{background-color:#0f172a;width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:#374151;border-right:1px solid #4b5563;flex-direction:column;width:18rem;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}@media(max-width:768px){.sidebar{display:none}.sidebar.sidebar-open{z-index:200;width:18rem;height:100%;animation:.3s ease-out slideIn;display:flex;position:fixed;top:0;left:0}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;background-color:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}@media(max-width:768px){.sidebar-overlay{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-container{background-color:#0f172a;flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-header{background:linear-gradient(#4b5563,#374151);border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.logo-icon{background:linear-gradient(to bottom right,#2563eb,#3b82f6);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 10px 15px -3px #3b82f64d}.logo-icon svg{color:#fff}.logo-title{color:#fff;font-size:.875rem;font-weight:700}.logo-subtitle{color:#6b7280;font-size:.75rem}.sidebar-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.375rem;transition:background-color .2s;display:none}.sidebar-close:hover{color:#fff;background-color:#4b5563}@media(max-width:768px){.sidebar-close{justify-content:center;align-items:center;display:flex}}.sidebar-search{background-color:#4b556380;border-bottom:1px solid #4b5563;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.sidebar-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.sidebar-search input::-moz-placeholder{color:#6b7280}.sidebar-search input::placeholder{color:#6b7280}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#64748b}.sidebar-item{cursor:pointer;color:#9ca3af;border-radius:.5rem;align-items:center;gap:.75rem;margin:0 .5rem;padding:.625rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.sidebar-item:hover{color:#d1d5db;background-color:#4b556380}.sidebar-item-active{color:#fff;background:linear-gradient(90deg,#2563eb,#3b82f6);font-weight:500;box-shadow:0 10px 15px -3px #3b82f633}.sidebar-toggle{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.sidebar-item:hover .sidebar-toggle{background-color:#4b556380}.sidebar-toggle-spacer{flex-shrink:0;width:1.25rem}.sidebar-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.sidebar-children{flex-direction:column;display:flex}.sidebar-footer{background-color:#4b55634d;border-top:1px solid #4b5563;padding:1rem}.sidebar-footer-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.sidebar-footer-btn:hover{color:#fff;background-color:#4b5563}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#37415180;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:1rem;display:flex}.menu-btn{color:#9ca3af;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;padding:.5rem;transition:background-color .2s;display:none}.menu-btn:hover{color:#fff;background-color:#4b5563}@media(max-width:768px){.menu-btn{justify-content:center;align-items:center;display:flex}}.header-title{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600}.header-right{align-items:center;gap:.5rem;display:flex}.header-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;padding:.5rem;transition:all .2s}.header-btn:hover{color:#d1d5db;background-color:#4b5563}.breadcrumb{color:#9ca3af;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.breadcrumb-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.375rem .5rem;font-weight:500;transition:all .2s}.breadcrumb-btn:hover{color:#d1d5db;background-color:#4b5563}.breadcrumb-sep{color:#4b5563}.breadcrumb-current{color:#fff;background-color:#3b82f633;border-radius:.25rem;padding:.375rem .5rem;font-weight:600}.content-wrapper{flex:1;overflow-y:auto}.content-wrapper::-webkit-scrollbar{width:8px}.content-wrapper::-webkit-scrollbar-track{background:0 0}.content-wrapper::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.content-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.content-container{max-width:56rem;margin:0 auto;padding:3rem 1.5rem}.doc-header{border-bottom:1px solid #4b5563;margin-bottom:3rem;padding-bottom:2rem}.doc-header-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.doc-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.1em;background-color:#3b82f633;border:1px solid #3b82f64d;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.doc-actions{align-items:center;gap:.5rem;display:flex}.doc-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:all .2s}.doc-action-btn:hover{color:#d1d5db;background-color:#4b5563}.doc-title{color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2}.doc-meta{color:#9ca3af;align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.doc-meta-item{align-items:center;gap:.5rem;transition:color .2s;display:flex}.doc-meta-item:hover{color:#d1d5db}.markdown-content{max-width:100%}.markdown-content p{color:#d1d5e1;margin:1.25rem 0;font-size:1rem;line-height:1.625}.markdown-content h1{color:#fff;margin-top:0;margin-bottom:2rem;font-size:2.25rem;font-weight:700}.markdown-content h2{color:#fff;border-bottom:1px solid #4b5563;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.875rem;font-weight:700}.markdown-content h3{color:#fff;margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.markdown-content h4{color:#fff;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.markdown-content a{color:#60a5fa;text-decoration-offset:.25rem;font-weight:500;text-decoration:underline;transition:color .2s}.markdown-content a:hover{color:#93c5fd}.markdown-content strong{color:#fff;font-weight:700}.markdown-content em{color:#d1d5e1;font-style:italic}.markdown-content ul,.markdown-content ol{margin:1.25rem 0}.markdown-content li{color:#d1d5e1;margin:.5rem 0}.markdown-content code{color:#a5b4fc;background-color:#374151;border-radius:.25rem;padding:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:500}.markdown-content pre{background-color:#374151cc;border:1px solid #4b5563;border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.markdown-content blockquote{color:#d1d5e1;background-color:#2563eb1a;border-left:4px solid #2563eb;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:.75rem 1.5rem;font-style:italic}.markdown-content table{border-collapse:collapse;width:100%}.markdown-content thead{background-color:#374151;border-bottom:1px solid #4b5563}.markdown-content th{text-align:left;color:#fff;border-bottom:1px solid #4b5563;padding:.75rem 1rem;font-weight:700}.markdown-content td{color:#d1d5e1;border-bottom:1px solid #4b5563;padding:.75rem 1rem}.markdown-content tr:hover{background-color:#4b556380}.task-item{align-items:flex-start;gap:.75rem;margin:.5rem 0 .5rem -1.5rem;list-style:none;display:flex}.task-checkbox{cursor:pointer;border:2px solid #4b5563;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-top:.25rem;transition:all .2s;display:flex}.task-checkbox.task-checked{background-color:#2563eb;border-color:#2563eb;box-shadow:0 10px 15px -3px #2563eb4d}.task-done{color:#6b7280;text-decoration:line-through}.details-block{background-color:#3741514d;border:1px solid #4b5563;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;transition:all .2s}.details-block:hover{background-color:#37415180}.details-summary{color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;list-style:none;transition:color .2s;display:flex}.details-summary:hover{color:#60a5fa}.details-summary svg{transition:transform .3s}.code-inline{color:#a5b4fc;background-color:#374151;border-radius:.25rem;padding:.375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.pre-block{background-color:#374151cc;border:1px solid #4b5563;border-radius:.75rem;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.content-footer{border-top:1px solid #4b5563;justify-content:space-between;align-items:center;margin-top:5rem;padding-top:3rem;display:flex}.footer-text{color:#6b7280;font-size:.875rem}.footer-action{color:#fff;cursor:pointer;background-color:#374151;border:none;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.footer-action:hover{background-color:#4b5563}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.empty-icon{color:#fff;background:linear-gradient(to bottom right,#2563eb,#3b82f6);border-radius:1.5rem;justify-content:center;align-items:center;width:8rem;height:8rem;margin-bottom:2rem;display:flex;box-shadow:0 20px 25px -5px #2563eb4d}.empty-title{color:#fff;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.empty-desc{color:#9ca3af;max-width:28rem;margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.empty-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:700;transition:all .2s;display:none;box-shadow:0 10px 15px -3px #2563eb4d}.empty-btn:hover{background-color:#1d4ed8}.empty-btn:active{transform:scale(.95)}@media(max-width:768px){.empty-btn{display:flex}}.loading-container{background:linear-gradient(to bottom right,#374151,#374151);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loader{border:3px solid #4b5563;border-top-color:#3b82f6;border-radius:9999px;width:3rem;height:3rem;margin-bottom:1.5rem;animation:1s linear infinite spin}.loader-text{color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600}.error-container{background:linear-gradient(to bottom right,#374151,#374151);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.error-icon{margin-bottom:1.5rem;font-size:3.75rem}.error-title{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.error-message{color:#9ca3af;max-width:28rem;margin-bottom:2rem;font-size:.875rem;line-height:1.6}.error-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 10px 15px -3px #2563eb4d}.error-btn:hover{background-color:#1d4ed8}.error-btn:active{transform:scale(.95)}.animate-fade-in{animation:.5s cubic-bezier(.4,0,.2,1) fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.content-container{padding:1rem}.doc-title{font-size:1.875rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1rem}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#475569 transparent}