.hm-shell{min-height:100dvh;display:grid;grid-template-columns:var(--hm-sidebar) minmax(0,1fr)}.hm-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:16px 13px;background:#12332c;color:white;border-right:1px solid rgba(255,255,255,.08);z-index:120}.hm-brand{display:flex;align-items:center;gap:10px;padding:5px 7px 16px}.hm-brand img{width:42px;height:42px}.hm-brand b{display:block;font-size:.95rem}.hm-brand small{display:block;color:rgba(255,255,255,.62);font-size:.68rem;margin-top:3px}.hm-demo-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 13px;padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.065)}.hm-demo-badge div{min-width:0}.hm-demo-badge small,.hm-demo-badge b{display:block}.hm-demo-badge small{font-size:.63rem;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.08em}.hm-demo-badge b{margin-top:3px;font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-sidebar-nav{display:grid;gap:3px;overflow:auto;padding:2px 2px 12px;scrollbar-width:none}.hm-sidebar-nav button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.69);display:flex;align-items:center;gap:11px;min-height:43px;padding:0 11px;border-radius:12px;text-align:left;font-size:.78rem;font-weight:760}.hm-sidebar-nav button:hover{background:rgba(255,255,255,.07);color:white}.hm-sidebar-nav button.active{background:#f6f6f1;color:#173d35;box-shadow:0 8px 22px rgba(0,0,0,.12)}.hm-nav-ico{width:22px;display:grid;place-items:center;font-size:1rem}.hm-sidebar-footer{margin-top:auto;padding:10px 2px 0}.hm-user-card{display:flex;align-items:center;gap:9px;padding:9px;border-radius:14px;background:rgba(255,255,255,.06)}.hm-user-card b,.hm-user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-user-card b{font-size:.77rem}.hm-user-card small{font-size:.65rem;color:rgba(255,255,255,.58);margin-top:2px}.hm-workspace{min-width:0}.hm-topbar{height:var(--hm-top);position:sticky;top:0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 clamp(16px,2.3vw,32px);background:color-mix(in srgb,var(--hm-bg) 89%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--hm-line) 75%,transparent)}.hm-crumbs{min-width:0}.hm-crumbs small{display:block;color:var(--hm-muted);font-size:.67rem;margin-bottom:3px}.hm-crumbs strong{display:block;font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-top-actions{display:flex;align-items:center;gap:8px}.hm-role-wrap{position:relative}.hm-role-menu{position:absolute;right:0;top:calc(100% + 8px);width:275px;padding:8px;background:var(--hm-surface);border:1px solid var(--hm-line);border-radius:18px;box-shadow:var(--hm-shadow-2);z-index:220}.hm-role-menu[hidden]{display:none}.hm-role-menu>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:10px;border-radius:12px;color:var(--hm-ink)}.hm-role-menu>button:hover{background:var(--hm-bg)}.hm-role-menu>button.active{background:var(--hm-brand-soft)}.hm-role-menu b,.hm-role-menu small{display:block}.hm-role-menu b{font-size:.82rem}.hm-role-menu small{font-size:.68rem;color:var(--hm-muted);margin-top:2px}.hm-main{padding:clamp(18px,2.4vw,34px);padding-bottom:60px}.hm-mobile-nav{display:none}.hm-mobile-brand{display:none}
.hm-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.hm-page-head h1{margin:6px 0 6px;font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.055em}.hm-page-head p{margin:0;max-width:760px;color:var(--hm-muted);font-size:.92rem;line-height:1.55}.hm-page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hm-context-bar{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:9px;border-radius:17px;background:var(--hm-surface);border:1px solid var(--hm-line);box-shadow:var(--hm-shadow-1)}.hm-context-bar .hm-search{flex:1}.hm-context-bar input{border:0;background:transparent}.hm-context-bar input:focus{outline:0}.hm-context-bar select{min-height:39px;border:0;border-left:1px solid var(--hm-line);padding:0 10px;background:transparent;color:var(--hm-ink);font-weight:750}