/* RESET */
body{
    margin:0;
    font-family:Arial;
}

/* SIDEBAR WIDTH */
:root{
    --sidebar-width:240px;
}

/* SIDEBAR */
.sidebar{
    width:var(--sidebar-width);
    height:100vh;
    position:fixed;
    left:0;
    top:0;
    background:#0f172a;
    z-index:1000;
}

/* MAIN CONTENT */
.main-wrapper{
    margin-left:var(--sidebar-width);
    padding-top:60px; /* HEADER SPACE */
}

/* DARK MODE */
body.dark{
    background:#050816;
    color:white;
}

/* HEADER SHIFT WITH SIDEBAR */
.top-header{
    left:var(--sidebar-width);
}