.hub-functional{padding:clamp(20px,3vw,44px)}
.hub-functional .page-head{align-items:end}
.hub-data-grid,.hub-cast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;margin-top:20px}
.hub-data-card,.hub-detail,.hub-form,.hub-cast{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#121722;overflow:hidden}
.hub-data-card{padding:22px;display:flex;flex-direction:column;gap:10px;min-height:190px}
.hub-data-card h2{font-size:20px;line-height:1.2;margin:0}.hub-data-card p{color:#c8ccd6;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0}.hub-data-card .actions{margin-top:8px}
.hub-byline,.hub-state{color:#aeb6c4}.hub-byline{display:block;margin-top:8px}.hub-empty{color:#c8ccd6;line-height:1.5}.hub-state:empty{display:none}
.hub-form,.hub-detail{padding:24px;margin:18px 0}.hub-form h2,.hub-detail h2{margin:0 0 18px}.hub-form label{display:grid;gap:7px;margin:12px 0;color:#e7e9f0;font-weight:700}.hub-form input,.hub-form textarea,.hub-form select,.hub-inline-form input{width:100%;border:1px solid #555b70;border-radius:10px;background:#090c15;color:#fff;padding:12px;font:inherit}.hub-form textarea{resize:vertical}.hub-form-status{color:#ffb6d8}.hub-form .actions{margin-top:16px}
.hub-detail{max-width:800px}.hub-detail p{white-space:pre-wrap;line-height:1.55;color:#c8ccd6}.hub-milestones{display:grid;gap:10px;margin:18px 0}.hub-milestone{display:flex;align-items:center;gap:10px}.hub-milestone input{accent-color:#ff2b98}.hub-inline-form{display:flex;gap:8px;margin:18px 0}.hub-inline-form input{flex:1}.hub-cast{display:grid;grid-template-rows:230px auto}.hub-cast img{width:100%;height:230px;object-fit:cover;object-position:center top;background:radial-gradient(circle at center,#503052,#151521)}.hub-cast>div{padding:20px}.hub-cast h2{font-size:20px;margin:8px 0}.hub-cast p{margin:0;color:#c8ccd6}
.hub-menu.quick button::before{background-size:cover,auto 270%;background-repeat:no-repeat;background-position:center,center top;background-color:#26132d}.hub-hero>img{object-position:62% 45%}
[hidden]{display:none!important}
@media(max-width:760px){.hub-functional{padding:18px}.hub-form,.hub-detail{padding:18px}.hub-inline-form{flex-wrap:wrap}.hub-hero>img{object-position:70% center}}