.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(to bottom,#111827,#1f2937);color:#f3f4f6;overflow:hidden;display:flex;flex-direction:column}.sidebar-content{display:flex;height:100%;flex-direction:column;overflow-y:auto}.sidebar-header{position:sticky;top:0;z-index:10;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(31 41 55 / .9) var(--tw-gradient-to-position);padding:1rem 1.5rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.sidebar-logo svg{height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.sidebar-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.nav-link{position:relative;display:flex;align-items:center;padding:.625rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-link:hover{background-color:#ffffff0d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.nav-link svg{margin-right:.75rem;height:1rem;width:1rem;flex-shrink:0}.nav-link.active{background-color:#ffffff1a;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.nav-link.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:.125rem;--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.nav-section{padding-top:.25rem;padding-bottom:.25rem}.nav-section-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sidebar span.nav-section-header{color:#94a3b8;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.nav-section-header:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.nav-section-header svg{height:1rem;width:1rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-section-header.expanded svg{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nav-section-content{max-height:0px;overflow:hidden;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav-section-content.expanded{max-height:500px}.sub-nav{padding-top:.25rem;padding-bottom:.25rem}.sub-nav .nav-link{padding-left:2.25rem}.scrollbar-custom{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.scrollbar-custom::-webkit-scrollbar{width:4px}.scrollbar-custom::-webkit-scrollbar-track{background-color:transparent}.scrollbar-custom::-webkit-scrollbar-thumb{border-radius:9999px;background-color:#fff3;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.sidebar span.text-gray-400{color:#94a3b8!important;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}@media (max-width: 768px){.sidebar{position:relative;width:100%;height:auto;background:linear-gradient(to bottom,#111827,#1f2937)}.sidebar-content{padding:1rem}}.main-content{margin-left:320px;min-height:100vh;background-color:#f8fafc;padding:2rem}.content-section{max-width:1200px;margin:0 auto}.section-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem;margin-bottom:2rem}.section-title{font-size:1.875rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.section-description{color:#4a5568;line-height:1.625;margin-bottom:1.5rem}.feature-list{list-style-type:none;padding:0;margin:0}.feature-item{display:flex;align-items:flex-start;margin-bottom:1rem;padding:1rem;background-color:#f7fafc;border-radius:.5rem;transition:all .2s ease}.feature-item:hover{background-color:#edf2f7;transform:translate(4px)}.feature-icon{width:1.5rem;height:1.5rem;margin-right:1rem;color:#3b82f6}.feature-text{flex:1}.feature-title{font-weight:600;color:#2d3748;margin-bottom:.25rem}.feature-description{color:#718096;font-size:.875rem}.code-block{background-color:#1a202c;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;font-family:Fira Code,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;margin:1.5rem 0}@media (max-width: 768px){.main-content{margin-left:0;padding:1rem}.section-card{padding:1.5rem}.section-title{font-size:1.5rem}}:root{--primary-color: #3b82f6;--secondary-color: #1a202c;--accent-color: #10b981}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1a202c}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:#1a202c}p{line-height:1.625;color:#4a5568}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:#2563eb}button{font-family:inherit;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease}button:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}input,textarea,select{font-family:inherit;font-size:1rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.container{padding:0 .5rem}}