.category-auto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 0 14px}.category-auto-title{display:flex;align-items:flex-start;gap:13px}.category-auto-title>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:6px;background:#172f36;color:#fff}.category-auto-title>span svg{width:21px}.category-auto-title h2{margin:4px 0 6px;font-size:22px}.category-auto-title p{margin:0;color:#667085;font-size:12px}.category-auto-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:5px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:700;white-space:nowrap}.category-auto-state i{width:7px;height:7px;border-radius:50%;background:#98a2b3}.category-auto-state.success{background:#ecfdf3;color:#067647}.category-auto-state.success i{background:#12b76a}.category-auto-state.failed{background:#fef3f2;color:#b42318}.category-auto-state.failed i{background:#f04438}.category-timebar{margin-bottom:13px}.category-source-band{margin-bottom:13px}
.category-auto-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;border:1px solid #e4e7ec;border-radius:7px;margin-bottom:14px;overflow:hidden}.category-auto-summary article{display:grid;gap:5px;padding:15px 16px;border-right:1px solid #e4e7ec}.category-auto-summary article:last-child{border-right:0}.category-auto-summary span{font-size:11px;color:#667085}.category-auto-summary strong{font-size:22px;color:#101828}.category-auto-summary small{font-size:10px;color:#98a2b3}.category-auto-summary .growth strong{color:#067647}.category-auto-summary .risk strong{color:#b42318}
.category-report{display:grid;grid-template-columns:38px minmax(260px,.9fr) minmax(420px,1.3fr);align-items:center;gap:14px;padding:16px 18px;margin-bottom:14px}.category-report-icon{width:36px;height:36px;border-radius:6px;background:#172f36;color:#fff;display:grid;place-items:center}.category-report-icon svg{width:18px}.category-report h2{font-size:16px;margin:3px 0 5px}.category-report p{margin:0;color:#667085;font-size:12px;line-height:1.5}.category-report-points{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #e4e7ec}.category-report-points span{display:flex;align-items:flex-start;gap:8px;padding:3px 13px;font-size:11px;line-height:1.5;color:#475467}.category-report-points i{font-style:normal;display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#ecfdf3;color:#067647;font-size:10px;font-weight:700}
.category-auto-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:14px;margin-bottom:16px}.category-matrix-panel,.category-resource-panel{overflow:hidden}.category-matrix{position:relative;height:390px;margin:0 28px 34px 48px;border-left:1px solid #b8c2c7;border-bottom:1px solid #b8c2c7;background:linear-gradient(90deg,transparent 49.8%,#e8ecee 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#e8ecee 50%,transparent 50.2%)}.category-quadrant{position:absolute;font-size:10px;color:#98a2b3}.category-quadrant.q1{right:8px;top:8px}.category-quadrant.q2{left:8px;top:8px}.category-quadrant.q3{left:8px;bottom:8px}.category-quadrant.q4{right:8px;bottom:8px}.category-axis-y,.category-axis-x{position:absolute;font-size:10px;color:#667085}.category-axis-y{left:-37px;top:8px;writing-mode:vertical-rl}.category-axis-x{right:0;bottom:-24px}.category-bubble{position:absolute;transform:translate(-50%,50%);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 9px #10182822;color:#fff;font-size:10px;font-weight:700;letter-spacing:0}.category-bubble.green{background:#21866e}.category-bubble.blue{background:#3d6d86}.category-bubble.amber{background:#c17b22}.category-bubble.red{background:#d84b3f}.category-bubble.purple{background:#80649a}.category-bubble.gray{background:#697b83}.category-bubble:hover{outline:3px solid #10182816}
.category-resource-list{display:grid;padding:6px 17px}.category-resource-row{display:grid;grid-template-columns:minmax(110px,1fr) 1.3fr 38px 48px;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f2f4}.category-resource-row:last-child{border-bottom:0}.category-resource-row>div:first-child{display:grid;gap:3px}.category-resource-row strong{font-size:11px}.category-role{display:inline-flex;width:max-content;padding:3px 6px;border-radius:3px;font-size:9px;font-weight:700}.category-role.green{background:#ecfdf3;color:#067647}.category-role.blue{background:#eff8ff;color:#175cd3}.category-role.amber{background:#fffaeb;color:#b54708}.category-role.red{background:#fef3f2;color:#b42318}.category-role.purple{background:#f4f3ff;color:#5925dc}.category-role.gray{background:#f2f4f7;color:#475467}.category-resource-track{height:7px;background:#edf0f2;border-radius:5px;overflow:hidden}.category-resource-track i{display:block;height:100%;background:#21866e;border-radius:5px}.category-resource-row>b{font-size:11px;text-align:right}.category-resource-row>small{font-size:9px;text-align:right}.category-resource-row>small.up{color:#067647}.category-resource-row>small.down{color:#b42318}.category-resource-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-top:1px solid #e4e7ec;font-size:10px;color:#667085}.category-resource-foot span{display:flex;align-items:center;gap:6px;color:#067647;font-weight:700}.category-resource-foot i{width:7px;height:7px;border-radius:50%;background:#12b76a}.category-resource-foot small{color:#98a2b3}.category-empty{padding:30px;text-align:center;color:#98a2b3;font-size:11px}
.category-table-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}.category-table-head h2{font-size:18px;margin:4px 0 0}.category-table-head label{position:relative;width:230px;height:38px;display:flex;align-items:center}.category-table-head label svg{position:absolute;left:11px;width:15px;color:#98a2b3}.category-table-head input{box-sizing:border-box;width:100%;height:100%;border:1px solid #dbe1e8;border-radius:6px;padding:0 12px 0 34px;background:#fff}.category-table-panel{padding:0;overflow:hidden}.category-auto-table{min-width:1380px}.category-auto-table th{white-space:nowrap}.category-auto-table td{font-size:11px;vertical-align:middle;line-height:1.5}.category-auto-table td:first-child{min-width:220px}.category-auto-table td:last-child{min-width:290px}.category-auto-table td strong,.category-auto-table td small{display:block}.category-auto-table td small{margin-top:4px;color:#98a2b3}.category-data-wait{color:#98a2b3}
@media(max-width:1100px){.category-auto-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.category-auto-summary article:nth-child(3){border-right:0}.category-auto-summary article:nth-child(-n+3){border-bottom:1px solid #e4e7ec}.category-report{grid-template-columns:38px 1fr}.category-report-points{grid-column:1/-1;border-left:0;border-top:1px solid #e4e7ec;padding-top:10px}.category-auto-grid{grid-template-columns:1fr}.category-matrix{height:340px}}@media(max-width:650px){.category-auto-head,.category-table-head{align-items:stretch;flex-direction:column}.category-auto-state{align-self:flex-start}.category-auto-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.category-auto-summary article:nth-child(3){border-right:1px solid #e4e7ec}.category-auto-summary article:nth-child(even){border-right:0}.category-auto-summary article:nth-child(-n+4){border-bottom:1px solid #e4e7ec}.category-report{grid-template-columns:1fr}.category-report-icon{display:none}.category-report-points{grid-template-columns:1fr}.category-report-points span{padding:5px 0}.category-matrix{height:300px;margin-left:42px;margin-right:16px}.category-resource-row{grid-template-columns:90px 1fr 34px}.category-resource-row>small{grid-column:3}.category-resource-foot{align-items:flex-start;flex-direction:column;gap:5px}.category-table-head label{width:100%}}