.sidebar{height:96px;padding:0 28px;gap:22px;background:#07101b;border-bottom:1px solid #c8b17a36;box-shadow:0 6px 22px #00000026}
.sidebar nav{display:flex;align-items:stretch;justify-content:center;gap:5px;margin:auto;padding:6px;background:#132031;border:1px solid #9ab3ce33;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff06;flex-shrink:0}
.sidebar nav .nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:auto;min-height:46px;padding:10px 14px;gap:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#c7d9e9;font-size:14px;font-weight:650;line-height:1.4;letter-spacing:.3px;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.sidebar nav .nav-item svg{width:20px;height:20px;color:#bdd4e7;stroke-width:1.7;flex-shrink:0}
.sidebar nav .nav-item .nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;margin:0;border:1px solid #b3cce333;border-radius:7px;background:#294157;color:#e0f0ff;font:600 11px/1 ui-monospace,monospace;letter-spacing:0}
.sidebar nav .nav-item:hover{background:#263b50;color:#fff;border-color:#b6cfe34d}
.sidebar nav .nav-item.active{background:linear-gradient(125deg,#f0d7aa,#d0b17a);border-color:#f0d6a7;color:#17212b;box-shadow:0 3px 12px #0004,inset 0 1px 0 #fff7}
.sidebar nav .nav-item.active svg{color:#263326;stroke-width:2}
.sidebar nav .nav-item.active .nav-count{background:#6b542225;border-color:#6b54223d;color:#3d3525}
.sidebar nav .nav-item:focus-visible,.sidebar .brand:focus-visible{outline:2px solid #f4dca7;outline-offset:4px}
.sidebar .account{min-height:42px;max-width:170px;flex-shrink:0}.sidebar .account>span:nth-child(2){min-width:0;overflow:hidden}.sidebar .account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1550px){.sidebar{padding:0 40px;gap:30px}.sidebar nav{gap:8px}.sidebar nav .nav-item{font-size:15px;min-height:49px;padding:11px 18px}.sidebar nav .nav-item svg{width:21px;height:21px}}
@media(max-width:1180px){.sidebar{display:grid;grid-template-columns:1fr auto;gap:14px 20px;height:auto;min-height:0;padding:15px 24px 13px;align-items:center}.sidebar .brand{grid-column:1;grid-row:1;justify-self:start}.sidebar .account{grid-column:2;grid-row:1;margin:0;justify-self:end}.sidebar nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.78fr repeat(4,1fr);gap:5px;width:100%;margin:0;padding:5px}.sidebar nav .nav-item{font-size:14px;min-height:47px;padding:10px 9px;gap:8px}.sidebar .brand-word{font-size:19px}.sidebar .brand-emblem{width:40px;height:40px}}
@media(max-width:700px){.sidebar{padding:12px 12px 10px;gap:11px 12px}.sidebar .brand{gap:8px}.sidebar .brand-word{font-size:17px;letter-spacing:1px}.sidebar .brand-emblem{width:38px;height:38px}.sidebar .account{width:40px;min-width:0;min-height:40px;height:40px;border:1px solid #8eb7d23b;background:#142638}.sidebar .account-avatar{width:31px;height:31px}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px;border-radius:12px}.sidebar nav .nav-item{flex-direction:column;gap:6px;min-height:63px;width:100%;padding:8px 2px 7px;border-radius:8px;font-size:11px;letter-spacing:0;line-height:1.25}.sidebar nav .nav-item svg{width:21px;height:21px}.sidebar nav .nav-item .nav-count{position:absolute;top:4px;right:3px;min-width:17px;height:17px;border-radius:5px;font-size:9px;padding:0 3px;box-shadow:0 0 0 2px #132031}.sidebar nav .nav-item.active .nav-count{box-shadow:0 0 0 2px #e4c895}.sidebar nav .nav-item[data-view=home] .nav-count{display:none}}
@media(max-width:359px){.sidebar .brand-word{font-size:16px}.sidebar .brand-emblem{width:35px;height:35px}.sidebar nav .nav-item{font-size:10px}.sidebar nav .nav-item .nav-count{right:1px}}
@media(prefers-reduced-motion:reduce){.sidebar nav .nav-item{transition:none}}