*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;background-color:#f9f9f9;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-container{height:100vh;display:flex}.main-content{background-color:#fff;flex:1;padding:2rem;overflow-y:auto}.sidebar{color:#fff;background-color:#1a1a1a;width:250px;height:100vh;padding:2rem 1rem;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem;font-weight:700}.sidebar-nav{list-style:none}.nav-item{margin-bottom:1rem}.nav-link{color:#b0b0b0;border-radius:4px;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .3s;display:block}.nav-link:hover{color:#fff;background-color:#333}.nav-link.active{color:#fff;background-color:#0070f3;font-weight:500}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{border-bottom:1px solid #ddd;width:100%;height:auto;padding:1rem}.sidebar-nav{gap:.5rem;display:flex;overflow-x:auto}.nav-item{flex-shrink:0;margin-bottom:0}.main-content{padding:1.5rem}}.page-header{margin-bottom:2rem}.page-title{color:#1a1a1a;margin-bottom:.5rem;font-size:2.5rem}.page-subtitle{color:#666;font-size:1rem}.content-section{background-color:#f9f9f9;border-left:4px solid #0070f3;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.content-section h2{color:#1a1a1a;margin-bottom:1rem}.content-section p{color:#555;margin-bottom:1rem;line-height:1.6}