*{margin:0;padding:0;box-sizing:border-box}body,html,#app-root,app-root{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background-color:#000;color:#fff;display:flex;align-items:center;padding:0 1rem;z-index:1001;box-shadow:0 2px 6px #0003}.app-header h1{flex-grow:1;font-size:1.5rem;margin-left:1rem}.menu-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer}.sidebar{position:fixed;top:60px;left:-250px;width:250px;height:calc(100% - 60px);background-color:#2c3e50;color:#fff;padding-top:1rem;transition:left .3s ease;z-index:1002;display:flex;flex-direction:column}.sidebar.open{left:0}.sidebar nav a{padding:1rem 1.5rem;color:#fff;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .3s ease}.sidebar nav a:hover{background-color:#1e90ff}.overlay{position:fixed;inset:60px 0 0;background-color:#00000080;z-index:1000}.content{margin-top:60px;padding:1rem 2rem;transition:margin-left .3s ease}.sidebar.open~.content{margin-left:250px}@media (max-width: 768px){.sidebar{width:200px}.sidebar.open~.content{margin-left:0}}