.skip-link{position:fixed;left:16px;top:-60px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,var(--brand-950),#102c27);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#72d0b2;color:#0d2f28;border-radius:11px;font-size:21px;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#a9c2ba;margin-top:2px;font-size:12px}.nav-group>span{display:block;color:#78988f;text-transform:uppercase;font-size:11px;letter-spacing:.12em;padding:0 11px 9px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#c9dad5;text-decoration:none;margin:3px 0;font-size:14px}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item[aria-current=page]{background:#fff;color:var(--brand-900);font-weight:700}.nav-separator{height:1px;background:rgba(255,255,255,.1);margin:13px 10px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:flex;gap:10px;align-items:center}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:12px}.sidebar-foot small{color:#88a59d;margin-top:3px}.status-dot{width:10px;height:10px;border-radius:99px;background:#d09b33}.status-dot.ok{background:#54c695}.status-dot.bad{background:#e7777e}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:78px;padding:0 30px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:20}.topbar h1{font-size:19px;margin:4px 0 0}.breadcrumb{margin:0;color:var(--muted);font-size:12px}.breadcrumb span{padding:0 5px;color:#b4bfbb}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.service-state{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.service-state i{width:8px;height:8px;border-radius:50%;background:#d09b33}.service-state i.ok{background:#31aa77}.service-state i.bad{background:#d84752}.menu-button{display:none!important}.drawer-mask{display:none}#view{padding:28px 30px 48px;max-width:1540px;margin:0 auto}.toast{position:fixed;right:24px;bottom:24px;background:var(--brand-950);color:#fff;border-radius:10px;padding:13px 18px;z-index:80;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#8d2029}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.drawer-mask{position:fixed;inset:0;border:0;background:rgba(5,23,19,.42);z-index:25}.drawer-mask.show{display:block}.workspace{margin-left:0}.menu-button{display:grid!important}.topbar{height:72px;padding:0 16px}.top-actions .service-state{display:none}.top-actions{gap:8px}.breadcrumb{display:none}#view{padding:20px 16px 36px}}@media(max-width:460px){.top-actions .cvat-link{display:none}}
