.resource-hub{position:fixed;inset:0;z-index:1000;background:#f4f6fb;color:#18233b;display:flex;flex-direction:column;font:14px system-ui,sans-serif}.resource-hub[hidden]{display:none}.hub-header{display:flex;align-items:center;gap:16px;padding:20px 28px;background:white;border-bottom:1px solid #dce3ef}.hub-header h2{margin:0;font-size:23px}.hub-header .hub-back{margin-left:auto}.hub-tabs{display:flex;gap:8px}.resource-hub button{cursor:pointer;border:1px solid #dce3ef;border-radius:9px;background:white;color:#24344f;padding:10px 15px}.resource-hub button.active,.resource-hub button.hub-add{background:#4456e8;color:white;border-color:#4456e8}.hub-layout{display:grid;grid-template-columns:180px minmax(280px,1fr) 330px;min-height:0;flex:1}.hub-filters{padding:24px 16px;overflow:auto}.hub-filters button{display:block;width:100%;text-align:left;margin-bottom:8px}.hub-main{overflow:auto;padding:24px}.hub-search{width:100%;padding:13px;border:1px solid #d7deeb;border-radius:10px;box-sizing:border-box;background:white;color:#18233b}.hub-count{margin:16px 0;color:#60708c}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.resource-hub .hub-card{text-align:left;padding:20px;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hub-card.selected{outline:2px solid #4456e8}.hub-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf0ff;color:#4654c9;font-weight:700;font-size:17px}.hub-card strong{font-size:16px}.hub-card small,.hub-description{color:#61718b;line-height:1.6}.hub-tag{font-size:11px;background:#eef1f8;padding:3px 7px;border-radius:5px;color:#53617a}.hub-detail{padding:24px;background:white;border-left:1px solid #dce3ef;overflow:auto}.hub-detail h3{font-size:22px;margin:16px 0}.hub-detail label{display:block;margin:16px 0 5px;font-weight:600}.hub-detail input,.hub-detail select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d7deeb;border-radius:7px;background:white;color:#18233b}.hub-detail .hub-add{width:100%;margin-top:22px}.hub-detail a{color:#4456e8}.hub-note{padding:12px;background:#f4f6fb;border-radius:9px;font-size:12px;line-height:1.7;margin-top:18px}.hub-empty{padding:35px;text-align:center;color:#61718b}.hub-error{color:#b32632}.hub-footer{padding:12px 24px;background:white;border-top:1px solid #dce3ef;color:#64748b;font-size:12px}@media(max-width:950px){.hub-layout{grid-template-columns:135px 1fr}.hub-detail{grid-column:1/-1;border-top:1px solid #dce3ef;max-height:45vh}.hub-header{flex-wrap:wrap;padding:12px}.hub-layout{overflow:auto}.hub-main{min-height:260px}.hub-header h2{font-size:18px}}@media(max-width:550px){.hub-layout{display:block}.hub-filters{display:flex;gap:6px;padding:10px;overflow:auto}.hub-filters button{white-space:nowrap;width:auto}.hub-main{padding:12px}.hub-tabs button{padding:8px}.hub-detail{max-height:none}}

.resource-hub .hub-icon{width:48px;height:48px;min-height:48px;flex-shrink:0;background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:8px;box-sizing:border-box}.hub-icon img{display:block;width:100%;height:100%;object-fit:contain}.resource-hub .hub-icon-pair{width:88px;display:flex;gap:8px}.hub-icon-pair img{width:calc(50% - 4px)}

.resource-hub .hub-card{height:auto;min-height:210px}.resource-hub .hub-filters button{height:auto;min-height:38px}.hub-card .hub-tag{margin-top:auto}