.cc-root{display:grid;gap:14px;max-width:1500px;margin:0 auto}.cc-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.cc-intro h2{margin:0;font-size:22px;letter-spacing:-.02em}.cc-intro p{margin:5px 0 0;color:#999aa3;font-size:13px}.cc-quick{display:flex;gap:8px;flex-wrap:wrap}.cc-btn{border:1px solid #303038;background:#121217;color:#e9e9ed;border-radius:9px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.cc-btn:hover{border-color:#5a3437;background:#181217}.cc-btn.primary{background:#d71920;border-color:#d71920;color:#fff}.cc-btn.icon{font-size:22px;line-height:1;padding:4px 9px;background:transparent}.cc-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.cc-metric{background:linear-gradient(180deg,#18181d,#121216);border:1px solid #2b2b33;border-radius:12px;padding:13px 14px;min-height:88px}.cc-metric.hot{border-color:#662f32}.cc-metric-label{font-size:10px;font-weight:800;color:#c8c8cf;letter-spacing:.04em}.cc-metric-value{font-size:25px;font-weight:850;letter-spacing:-.04em;margin:5px 0 2px;overflow:hidden;text-overflow:ellipsis}.cc-metric.hot .cc-metric-value{color:#ff9a9e}.cc-metric-meta{font-size:11px;color:#8f9098;line-height:1.35}.cc-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:14px}.cc-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cc-card{background:linear-gradient(180deg,#18181d,#121216);border:1px solid #2b2b33;border-radius:14px;min-width:0;overflow:hidden}.cc-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:1px solid #292930}.cc-card-head h3{font-size:15px;margin:0}.cc-card-head small{display:block;color:#8f9098;margin-top:3px}.cc-card-body{padding:10px 11px}.cc-chip{font-size:10px;border:1px solid #34343c;border-radius:999px;padding:4px 7px;color:#c6c6cd;white-space:nowrap}.cc-chip.red{border-color:#642d30;color:#ff989c}.cc-chip.green{border-color:#2e5b3d;color:#9be2b5}.cc-list{display:grid;gap:7px}.cc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #282830;background:#0f0f13;border-radius:10px;padding:10px 11px}.cc-row.attention{border-left:3px solid #d71920}.cc-row.online{border-left:3px solid #4bc77b}.cc-row-title strong{font-size:13px}.cc-row-meta{font-size:11px;color:#8f9098;margin-top:4px;line-height:1.4}.cc-row-actions{display:flex;gap:7px}.cc-empty,.cc-loading{padding:16px;color:#8f9098;font-size:12px;border:1px dashed #2d2d34;border-radius:10px}.cc-pipeline,.cc-web-metrics,.cc-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cc-collapse{border:1px solid #2b2b33;border-radius:14px;background:linear-gradient(180deg,#15151a,#101014);overflow:hidden}.cc-collapse>summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cc-collapse>summary::-webkit-details-marker{display:none}.cc-collapse-title h3{margin:0;font-size:14px}.cc-collapse-title span{font-size:11px;color:#8f9098}.cc-collapse-stats{display:flex;gap:14px;flex-wrap:wrap;color:#a4a5ad;font-size:11px}.cc-collapse-body{border-top:1px solid #2b2b33;padding:13px}.cc-collapse-body .cc-two{margin-top:10px}.cc-dialog{width:min(860px,calc(100vw - 40px));max-height:88vh;border:1px solid #35353d;border-radius:16px;background:#101014;color:#f5f5f7;padding:0;box-shadow:0 24px 80px #0009}.cc-dialog::backdrop{background:#000a}.cc-dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:88vh}.cc-dialog-head{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #292930}.cc-dialog-head h2{margin:2px 0 0;font-size:22px}.cc-dialog-body{padding:16px 20px;overflow:auto}.cc-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #292930}.cc-dialog-section-title{font-size:13px;margin:17px 0 8px}.cc-message-view{border:1px solid #2b2b33;border-radius:12px;padding:15px;background:#0c0c10}.cc-message-meta{font-size:11px;color:#8f9098}.cc-message-view h3{margin:6px 0 12px}.cc-message-body{white-space:pre-wrap;font:inherit;font-size:12px;line-height:1.6;margin:0;color:#e6e6e9}.cc-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1200px){.cc-metrics{grid-template-columns:repeat(3,1fr)}.cc-main-grid,.cc-two{grid-template-columns:1fr}.cc-web-metrics,.cc-pipeline{grid-template-columns:repeat(2,1fr)}}