.header-actions{gap:8px}.header-actions .date{order:1;white-space:nowrap;padding:0 8px}.header-actions .notification-wrap{order:2}.header-actions .notification-button{width:42px;height:42px}.header-actions .user-menu{order:3;gap:6px;margin-left:4px}.header-actions .user-chip{height:42px;padding:4px 10px}.header-actions [data-logout]{height:42px;padding:8px 12px}
.sidebar-footer{display:grid;gap:7px;margin-top:auto;padding:14px 3px 0;border-top:1px solid rgba(255,255,255,.12)}
.sidebar-settings{display:none;width:auto;max-width:100%;min-width:0;align-items:center;gap:9px;padding:11px 9px;border:0;border-radius:9px;background:transparent;color:#c8d8d5;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}
.role-ADMIN .sidebar-settings{display:flex}
.sidebar-settings:hover,.sidebar-settings.active{background:rgba(255,255,255,.11);color:#fff}
.sidebar-settings svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#offline-status{position:static;z-index:auto;width:auto;max-width:100%;min-width:0;min-height:38px;display:flex;align-items:center;gap:9px;margin:0;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(5,24,22,.2);color:#c5d6d2;font:inherit;font-size:12px;font-weight:650;text-align:left;box-shadow:none;cursor:default}
#offline-status.online{background:rgba(43,170,125,.09);color:#d6e8e3}
#offline-status.offline{background:rgba(180,35,24,.2);color:#ffe5e2}
.sidebar-status-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#58d39e;box-shadow:0 0 0 3px rgba(88,211,158,.12)}
#offline-status.offline .sidebar-status-dot{background:#ff8177;box-shadow:0 0 0 3px rgba(255,129,119,.13)}
.sidebar-status-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:801px) and (max-width:1050px){
  .sidebar-footer{padding-inline:0}
  .role-ADMIN .sidebar-settings{display:grid;place-items:center;padding:10px;font-size:0}
  .sidebar-settings span,.sidebar-status-label{display:none}
  #offline-status{display:grid;place-items:center;padding:9px}
  .sidebar-status-dot{margin:0}
}
@media(max-width:800px){
  .sidebar{flex-direction:row}
  .sidebar nav{flex:1;min-width:0}
  .sidebar-footer{display:none}
  .role-ADMIN .sidebar-footer{display:flex;flex:0 0 72px;margin:0;padding:0;border:0}
  .sidebar-settings{width:72px;padding:6px 3px;display:grid!important;place-items:center;align-content:center;gap:1px;text-align:center;font-size:10px;line-height:1.1}
  .sidebar-settings svg{width:18px;height:18px}
  #offline-status{display:none}
}