.layout-container{display:flex;min-height:100vh}.sidebar{background-color:var(--sidebar-bg);color:#fff;width:250px;height:100vh;padding:20px;position:fixed;top:0;left:0;transition:transform .3s ease;z-index:100;overflow:scroll}.sidebar,.sidebar.open{transform:translateX(0)}.sidebar .copyright{display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:.875rem;color:var(--text-color)}.sidebar .copyright-icon{margin-right:5px;font-size:1.25rem}.theme-toggle{background-color:var(--theme-toggle-bg);color:#fff;border:none;cursor:pointer}.theme-toggle:hover{background-color:var(--theme-toggle-hover-bg)}.content{flex-grow:1;margin-left:250px;padding:20px}.header{display:none;background-color:var(--sidebar-bg);color:#fff;padding:10px;position:fixed;top:0;left:0;width:100%;z-index:10}.menu-toggle{background-color:transparent;color:#fff;font-size:24px;border:none;cursor:pointer}.main-content{margin-top:60px}@media (max-width:1000px) and (min-width:767px){.content{margin-left:180px}.sidebar{width:180px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);z-index:100}.sidebar.open{transform:translateX(0);position:fixed;top:0;z-index:100}.content{width:100%;margin-left:0}.header{display:flex;justify-content:flex-end;z-index:10}.main-content{margin-top:50px}}html.dark .sidebar{background-color:var(--sidebar-bg)}