.brand-icon{background:#8ae4be;padding:0;font-size:25px;font-weight:600}
.brand-name{letter-spacing:.3px}
.navigation-toggle{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--line);border-radius:6px;background:white;color:#90a69d;font-size:15px;padding:0;display:grid;place-items:center}
.topbar>.navigation-toggle{margin-right:16px}
.topbar>.navigation-toggle+span{margin-right:auto}
@media(min-width:601px){
 body.navigation-compact>.sidebar{width:72px;padding:26px 7px 16px;background:#f7fbf9;border-color:#ecf4f1}
 body.navigation-compact>.main{margin-left:72px}
 body.navigation-compact .sidebar>.brand{justify-content:center;font-size:0}
 body.navigation-compact .sidebar .brand-name,body.navigation-compact .sidebar .workspace,body.navigation-compact .sidebar .nav-label,body.navigation-compact .sidebar .sidebar-note,body.navigation-compact .sidebar .sidebar-topics,body.navigation-compact .sidebar .profile>div:not(.avatar),body.navigation-compact .sidebar .profile form{display:none}
 body.navigation-compact .sidebar .brand-icon{width:32px;height:32px;margin:0;border-radius:10px;font-size:24px}
 body.navigation-compact .sidebar nav{margin-top:44px;gap:5px}
 body.navigation-compact .sidebar nav a{font-size:0;justify-content:center;padding:13px 8px;gap:0;height:46px;position:relative;color:#95aca2}
 body.navigation-compact .sidebar nav a>span{font-size:20px}
 body.navigation-compact .sidebar nav a.active{background:#e8fff5;color:#8ae4be}
 body.navigation-compact .sidebar nav a:hover{background:#edf9f4}
 body.navigation-compact .sidebar .tasks-nav-heading{position:relative;display:flex;align-items:center}
 body.navigation-compact .sidebar .tasks-nav-heading>a{flex:1;padding-right:22px}
 body.navigation-compact .sidebar .topic-add{position:absolute;right:0;width:24px;height:30px;padding:0;color:#8ae4be;font-size:17px}
 body.navigation-compact .sidebar .profile{margin-top:auto;justify-content:center;border-color:#ecf4f1}
 body.navigation-compact .sidebar .profile .avatar{background:#ebfcf5;color:#8dbba8;border-color:white}
 body.navigation-compact .sidebar nav a>.count{position:absolute;right:1px;top:0;font-size:9px;width:auto}
}
.gantt-page>.main{height:100dvh;display:flex;flex-direction:column;min-width:0}
.gantt-page .topbar{flex-shrink:0}
.gantt-page .page{padding:24px 0 0;max-width:none;width:100%;flex:1;min-height:0;display:flex;flex-direction:column}
.gantt-page .gantt-toolbar,.gantt-page .gantt-hint,.gantt-page .messages{margin-left:24px;margin-right:24px;flex-shrink:0}
.gantt-page .gantt-scroll{width:100%;flex:1;min-height:0;max-height:none;border-radius:0;border-left:0;border-right:0;border-bottom:0}
.gantt-page .main>footer{display:none}
@media(max-width:600px){.navigation-toggle{display:none}.gantt-page .page{padding-top:16px}.gantt-page .gantt-toolbar,.gantt-page .gantt-hint{margin-left:16px;margin-right:16px}}