.page[name='studentTasks'] > .content {
    background:#f7f6ff;
    color:#292747;
}
.page[name='studentTasks'] > .content > .tasks {
    background:#ffffff;
}
.page[name='studentTasks'] > .content > .tasks > .toolbar > .date > .button[key='selectDate'] {
    background:linear-gradient(#f0307f, #e0107a);
    color:#ffffff;
}
.page[name='studentTasks'] > .content > .tasks > .toolbar > .date > .wrapper > .button {
    background:#ffffff;
    border-color:#e6e9f2;
}
.page[name='studentTasks'] > .content > .tasks > .toolbar > .filters > .tabs > .button {
    background:#f0f2f9;
}
.page[name='studentTasks'] > .content > .tasks > .toolbar > .filters > .tabs > .button.active {
    background-color: #2b246b;
    color:#ffffff;
}
.page[name='studentTasks'] > .content > .tasks > .summary > .item,
.page[name='studentTasks'] > .content > .tasks > .list > .item {
    background:#f7f6ff;
}
.page[name='studentTasks'] > .content > .tasks > .summary > .item > .icon,
.page[name='studentTasks'] > .content > .tasks > .list > .item > .top > .icon,
.page[name='studentTasks'] > .content > .tasks > .list > .item > .details > div,
.page[name='studentTasks'] > .content > .tasks > .list > .item > .stats > [key='week'] {
    background:#ffffff;
}
.page[name='studentTasks'] > .content > .tasks > .list > .item > .top > .status {
    color:#ffffff;
}
.page[name='studentTasks'] > .content > .tasks > .list > .item > .top > .status.late {
    background:#dc2626;
}
.page[name='studentTasks'] > .content > .tasks > .list > .item > .top > .status.active {
    background:#22c55e;
}
.page[name='studentTasks'] > .content > .tasks > .list > .item > .top > .status.completed {
    background:#2e2b3b;
}
.page[name='studentTasks'] > .content > .tasks > .list > .item > .stats > [key='score'] {
    background:#f97316;
    color:#ffffff;
}
.page[name='studentTasks'] > .content > .tasks > .list > .item > .button {
    background:#332b7c;
    color:#ffffff;
}