.sidebar{background-color:#f3f4f6;border-right:1px solid #d1d5db;padding:1rem;position:fixed;top:0;left:0;height:100vh;width:350px;overflow-y:auto;font-size:1rem;ol,ul{display:block;list-style-type:none;margin-block-start:1em;margin-block-end:1em;padding-inline-start:0;padding-left:1rem;margin-bottom:1rem}li{color:#475569;cursor:pointer;margin-bottom:.25rem;transition:color .2s ease}li:hover{color:#1e293b}}.sidebar a{color:inherit;text-decoration:none}.sidebar .active{color:#1f4f73;font-weight:600}.sidebar h1{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.sidebar .section-title{font-weight:600;font-size:1.25rem;margin-top:1rem;margin-bottom:.25rem;color:#1e293b}.sidebar-item{display:block;width:100%;padding:.25rem .5rem;font-size:1rem;border-radius:.5rem;transition:background-color .2s ease;text-decoration:none;color:#1e293b;outline:none}.sidebar-item:hover{background-color:#e2e8f0;text-decoration:none}.sidebar-item:focus{outline:none;box-shadow:0 0 0 2px #cbd5e1}.sidebar-item+.sidebar-item{margin-top:.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f2f5;border-radius:10px}::-webkit-scrollbar-thumb{background:#c2cbd6;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#a3b1c2}