.mcn-page{display:flex;flex-direction:column;gap:14px;padding:2px 0 24px}.mcn-page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.mcn-page-head h2{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:.2px;margin:0}.mcn-page-head p{color:#64748b;font-size:12px;line-height:1.7;margin:4px 0 0;max-width:980px}.mcn-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mcn-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.mcn-kpi{background:#fff;border:1px solid #e8eef7;border-radius:10px;box-shadow:0 1px 2px #0f172a08;min-height:84px;overflow:hidden;padding:13px 15px;position:relative}.mcn-kpi:before{background:linear-gradient(90deg,#ffb27a,#ff8a5b);content:"";height:2px;left:0;position:absolute;right:0;top:0}.mcn-kpi.tone-green:before{background:linear-gradient(90deg,#6ee7b7,#10b981)}.mcn-kpi.tone-blue:before{background:linear-gradient(90deg,#93c5fd,#3b82f6)}.mcn-kpi.tone-yellow:before{background:linear-gradient(90deg,#fde68a,#f59e0b)}.mcn-kpi-label{color:#64748b;font-size:12px}.mcn-kpi-value{color:#e64800;font-feature-settings:"tnum";font-size:23px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2;margin-top:7px}.mcn-kpi-sub{color:#94a3b8;font-size:11px;line-height:1.4;margin-top:4px}.mcn-card{background:#fff;border:1px solid #e8eef7;border-radius:10px;box-shadow:0 1px 2px #0f172a08;padding:15px 16px}.mcn-card-title{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.mcn-card-title b{color:#0f172a;font-size:13px}.mcn-card-title span{color:#94a3b8;font-size:11px}.mcn-two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:12px;gap:12px}.mcn-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.mcn-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mcn-toolbar .spacer{flex:1}.mcn-table .vxe-grid{font-size:12px}.mcn-table .vxe-table--header-wrapper{background:#f8fafc}.mcn-table .vxe-header--column{color:#475569;font-weight:600}.mcn-pager{display:flex;justify-content:flex-end;padding-top:10px}.mcn-table-empty{color:#94a3b8;padding:30px;text-align:center}.mcn-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:12px;line-height:1.6;padding:9px 12px}.mcn-note.amber{background:#fffbeb;border-color:#fde68a;color:#92400e}.mcn-note.green{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.mcn-muted{color:#94a3b8;font-size:11px}.mcn-hero{background:linear-gradient(115deg,#fff3e8,#fef9c3 30%,#dcfce7 62%,#cffafe);border:1px solid #f1e8d9;border-radius:12px;overflow:hidden;padding:20px;position:relative}.mcn-hero:after{background:radial-gradient(circle,hsla(0,0%,100%,.8),transparent 70%);content:"";height:260px;position:absolute;right:-30px;top:-80px;width:260px}.mcn-hero-title{color:#0f172a;font-size:18px;font-weight:800;position:relative;z-index:1}.mcn-hero-sub{color:#64748b;font-size:12px;margin-top:4px;position:relative;z-index:1}.mcn-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;z-index:1;grid-gap:16px;gap:16px;margin-top:16px}.mcn-hero-stat span{color:#64748b;font-size:11px}.mcn-hero-stat b{color:#e64800;display:block;font-size:21px;font-weight:800;margin-top:3px}.mcn-hero-stat em{color:#94a3b8;font-size:10.5px;font-style:normal}.mcn-ratio-bar{border-radius:99px;display:flex;height:14px;overflow:hidden}.mcn-ratio-bar i{height:100%}.mcn-chain{padding-left:2px}.mcn-chain-item{display:flex;gap:10px;padding-bottom:13px;position:relative}.mcn-chain-item:last-child{padding-bottom:0}.mcn-chain-dot{background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex:0 0 auto;height:10px;margin-top:4px;width:10px;z-index:1}.mcn-chain-item.is-done .mcn-chain-dot{background:#10b981;border-color:#10b981}.mcn-chain-item.is-current .mcn-chain-dot{background:#f59e0b;border-color:#f59e0b}.mcn-chain-item.is-reject .mcn-chain-dot{background:#ef4444;border-color:#ef4444}.mcn-chain-line{background:#e2e8f0;bottom:0;left:4px;position:absolute;top:14px;width:1px}.mcn-chain-body{flex:1;min-width:0}.mcn-chain-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:6px}.mcn-chain-meta{color:#94a3b8;font-size:11px;line-height:1.6;margin-top:3px}.mcn-chain-opinion{background:#f8fafc;border-radius:5px;color:#475569;font-size:11px;margin-top:5px;padding:5px 8px}.mcn-split-total{border-top:1px solid #f1f5f9;color:#334155;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.mcn-split-total b{color:#e64800}.mcn-link{color:#ff8a5b;cursor:pointer}.mcn-tag-list{display:flex;flex-wrap:wrap;gap:5px}.mcn-timeline-list{display:flex;flex-direction:column;gap:8px}.mcn-timeline-row{background:#f8fafc;border-radius:7px;display:flex;gap:10px;padding:8px}.mcn-timeline-row b{color:#334155;display:block;font-size:12px}.mcn-timeline-row span{color:#94a3b8;display:block;font-size:11px;margin-top:2px}.mcn-desc{color:#475569;font-size:12px;line-height:1.8}.mcn-desc li{margin:4px 0}@media (max-width:1100px){.mcn-hero-stats,.mcn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mcn-three-col,.mcn-two-col{grid-template-columns:1fr}}.mcn-info-grid{border:1px solid #e8eef7;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.mcn-info-grid .item{border-bottom:1px solid #f1f5f9;padding:9px 12px}.mcn-info-grid .item:nth-child(odd){border-right:1px solid #f1f5f9}.mcn-info-grid .item span{color:#94a3b8;display:block;font-size:11px;margin-bottom:3px}.mcn-info-grid .item b{color:#334155;font-size:12px;font-weight:600}
