.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background-color:var(--bg-white);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;z-index:1000}.sidebar-logo{background-color:var(--bg-light);padding:1.5rem;text-align:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1001}.sidebar-logo img{max-width:100%;height:auto;margin-bottom:.75rem}.sidebar-logo a{display:block;color:var(--primary-blue);font-size:.875rem;text-decoration:none;word-break:break-all}.sidebar-logo a:hover{text-decoration:underline}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{height:5rem;display:flex;align-items:center;padding:.75rem 1rem;border-left:4px solid transparent;background-color:transparent;cursor:pointer;transition:all .3s ease;position:relative}.sidebar-menu-item:hover{background-color:var(--bg-light)}.sidebar-menu-item.active{background-color:var(--bg-light);border-left-color:var(--primary-blue)}.sidebar-menu-item-icon{width:1.5rem;height:1.5rem;margin-right:.75rem;color:var(--primary-blue);flex-shrink:0}.sidebar-menu-item-text{font-size:1rem;font-weight:400;color:var(--text-dark);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{margin-left:250px;min-height:100vh;background-color:var(--bg-white)}.content-wrapper{padding:0 2rem;max-width:1000px;margin:0 auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--bg-light)}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.hero{background:linear-gradient(135deg,#0d6efd,#5dade2);border-radius:1rem;padding:3.75rem 3.125rem;margin-bottom:2rem;color:var(--bg-white);max-width:1000px}.hero-version{font-size:.875rem;font-weight:400;color:var(--bg-white);margin-bottom:1rem;opacity:.9}.hero h1{color:var(--bg-white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1rem;font-weight:400;color:var(--bg-white);line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero .btn-primary{background-color:var(--bg-white);color:var(--primary-blue)}.hero .btn-primary:hover{background-color:#f0f0f0}.hero .btn-secondary{background-color:transparent;color:var(--bg-white);border-color:var(--bg-white)}.hero .btn-secondary:hover{background-color:#ffffff1a}.main-section{margin-bottom:3rem}.main-section h2{margin-bottom:1.5rem}.section-content{background-color:var(--bg-white);padding:0}.section-content p{margin-bottom:1.5rem}.chapter-grid-container{background-color:var(--bg-light);padding:2.5rem;border-radius:.5rem;margin-top:2rem;max-width:1000px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%}.chapter-card{background-color:var(--bg-white);border:2px dashed var(--secondary-green);border-radius:.5rem;padding:.9375rem;height:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;transition:all .3s ease;cursor:pointer}.chapter-card:hover{background-color:var(--bg-light);box-shadow:0 .5rem 1rem #00000026}.chapter-card-icon{width:2.5rem;height:2.5rem;color:var(--primary-blue);margin-bottom:.5rem;flex-shrink:0}.chapter-card-title{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:0;flex:1;display:flex;align-items:center}.chapter-card-badge{position:absolute;top:.75rem;right:.75rem;background-color:var(--secondary-green);color:var(--bg-white);width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@media (max-width: 1265px){.chapter-grid-container{margin-left:auto;margin-right:auto}}@media (max-width: 768px){.hero{padding:2rem 1.5rem}.hero h1{font-size:2rem}.chapter-grid{grid-template-columns:repeat(2,1fr)}.hero-buttons{flex-direction:column}.btn{width:100%;text-align:center}}@media (max-width: 480px){.chapter-grid{grid-template-columns:1fr}.main-content{margin-left:0}.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}}.chapter-page{padding:2rem 0}.chapter-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.chapter-header h1{margin-bottom:.5rem}.chapter-subtitle{font-size:.875rem;color:var(--text-gray)}.chapter-section{margin-bottom:2rem}.chapter-section h3{margin-bottom:1rem;margin-top:2rem}.chapter-section:first-child h3{margin-top:0}.chapter-section p{margin-bottom:1.5rem;line-height:1.6}.figure{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin:2rem 0;text-align:center}.figure img{max-width:100%;height:auto;border-radius:.25rem;margin-bottom:1rem}.figure-caption{font-size:.875rem;color:var(--text-gray);font-style:italic;text-align:center}.diagram{background-color:#e7f1ff;border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin:2rem 0;display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--primary-blue);font-weight:600;text-align:center}.chapter-section ul{margin-left:1.5rem;margin-bottom:1.5rem}.chapter-section li{margin-bottom:.75rem;line-height:1.6}.chapter-section table{margin:1.5rem 0;width:100%}.chapter-section th{background-color:var(--bg-light);padding:.75rem 1rem;text-align:left;font-weight:700;border-bottom:1px solid var(--border-color)}.chapter-section td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.chapter-page{padding:1rem 0}.chapter-header{margin-bottom:1.5rem}.chapter-header h1{font-size:1.75rem}.figure,.diagram{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0D6EFD;--secondary-green: #198754;--bg-white: #FFFFFF;--text-dark: #212529;--text-gray: #6C757D;--bg-light: #F8F9FA;--border-color: #DEE2E6}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-white);color:var(--text-dark);line-height:1.6}h1{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:1.5rem}h2{font-size:2rem;font-weight:700;color:var(--primary-blue);margin-bottom:1.5rem}h3{font-size:1.5rem;font-weight:600;color:var(--primary-blue);margin-bottom:1rem}h4{font-size:1.25rem;font-weight:600;color:var(--primary-blue);margin-bottom:1rem}p{font-size:1rem;font-weight:400;color:var(--text-dark);margin-bottom:1.5rem;line-height:1.6}a{color:var(--primary-blue);text-decoration:none;transition:all .3s ease}a:hover{text-decoration:underline;color:#0a58ca}.btn{padding:.5rem 1.5rem;border-radius:.375rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-blue);color:var(--bg-white)}.btn-primary:hover{background-color:#0a58ca;transform:scale(1.02)}.btn-secondary{background-color:var(--bg-light);color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{background-color:#e7f1ff}.card{background-color:var(--bg-white);border-radius:.5rem;border:1px solid var(--border-color);padding:1.5rem;box-shadow:0 .125rem .25rem #00000013;transition:all .3s ease}.card:hover{box-shadow:0 .5rem 1rem #00000026;transform:translateY(-2px)}table{width:100%;border-collapse:collapse;background-color:var(--bg-white);border:1px solid var(--border-color)}thead{background-color:var(--bg-light)}th{padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.875rem;color:var(--text-dark);border-bottom:1px solid var(--border-color)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);height:2.5rem}tbody tr:nth-child(2n){background-color:var(--bg-light)}ul,ol{margin-left:1.5rem;margin-bottom:1.5rem}li{margin-bottom:.5rem;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.text-muted{color:var(--text-gray);font-size:.875rem}.divider{height:1px;background-color:var(--border-color);margin:2rem 0}