.client-shell{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;min-height:calc(100vh - 78px);gap:0}.client-shell>.client-sidebar{background:#0d1b24;color:#e1e8e7;border:0;border-radius:0;padding:28px 16px;min-height:calc(100vh - 78px);position:sticky;top:0;display:block}.client-sidebar .client-nav-label{color:#81999f;font:700 11px Tahoma;margin:0 12px 20px}.client-sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:7px}.client-sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border-radius:9px;font:500 13px/1.6 Tahoma;text-decoration:none;color:#d2dedf}.client-sidebar nav a:hover{background:#20343e}.client-sidebar nav a.client-nav-active{background:#b7f72e;color:#07111a;font-weight:700}.client-unread{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ff6652;color:#fff;font-size:10px;font-weight:900}.client-shell>main{width:100%;min-width:0}.client-sidebar a:focus-visible{outline:3px solid #5ce1e6;outline-offset:2px}@media(max-width:760px){.client-shell{grid-template-columns:1fr}.client-shell>.client-sidebar{position:static;min-height:auto;padding:14px 16px}.client-sidebar .client-nav-label{margin-bottom:10px}.client-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.client-sidebar nav a{font-size:12px;padding:9px 12px}}