.cpx{display:flex;flex-direction:column;gap:16px;min-width:0}.cpx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.cpx-head__title h2{margin:0;font-size:20px;font-weight:700;color:var(--text)}.cpx-head__title p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.cpx-stats{display:flex;flex-wrap:wrap;gap:8px}.cpx-stat{display:flex;flex-direction:column;gap:2px;min-width:150px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.cpx-stat__label{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.cpx-stat__value{font-size:18px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.cpx-stat__value small{margin-left:2px;font-size:12px;font-weight:500;color:var(--text-secondary)}.cpx-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;align-items:start}.cpx-main{min-width:0}.cpx-list{position:sticky;top:calc(var(--dashboard-scroll-offset, 0px) + 8px);display:flex;flex-direction:column;max-height:calc(100vh - var(--dashboard-scroll-offset, 0px) - 32px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.cpx-list__tools{display:flex;flex-direction:column;gap:8px;padding:10px;border-bottom:1px solid var(--border-light);background:var(--bg)}.cpx-search{width:100%;padding:8px 10px;font-size:13px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.cpx-search:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #b8956a2e}.cpx-seg{display:flex;gap:2px;padding:2px;border-radius:8px;background:var(--border-light)}.cpx-seg button{flex:1;padding:5px 8px;font-size:12px;font-weight:600;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.cpx-seg button span{margin-left:2px;font-weight:500;color:var(--muted)}.cpx-seg button.is-active{background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}.cpx-list__scroll{flex:1;overflow-y:auto;padding:6px}.cpx-list__empty{margin:0;padding:24px 12px;font-size:13px;text-align:center;color:var(--muted)}.cpx-item{display:flex;flex-direction:column;gap:3px;width:100%;margin-bottom:4px;padding:10px 12px;text-align:left;border:1px solid transparent;border-left:3px solid transparent;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease}.cpx-item:hover{background:var(--bg);border-color:var(--border-light)}.cpx-item.is-active{background:#fbf6ee;border-color:var(--border);border-left-color:var(--primary)}.cpx-item.is-past{opacity:.72}.cpx-item.is-past.is-active{opacity:1}.cpx-item__top,.cpx-item__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.cpx-item__dates{font-size:11px;color:var(--muted);white-space:nowrap}.cpx-item__title{font-size:14px;font-weight:600;line-height:1.3}.cpx-item__sub{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpx-item__foot{margin-top:2px;font-size:11px;font-variant-numeric:tabular-nums}.cpx-item__rates{color:var(--text-secondary)}.cpx-item__margin{font-weight:700}.cpx-item__margin.is-pos{color:#2d7a3a}.cpx-item__margin.is-neg{color:#b91c1c}.cpx-item__chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cpx-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;color:var(--text-secondary)}.cpx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--border-light);color:var(--text-secondary);white-space:nowrap}button.cpx-chip{cursor:pointer;font-family:inherit}.cpx-chip.is-ok{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.cpx-chip.is-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.cpx-chip.is-warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.cpx-chip.is-critical{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.cpx-icon-btn{flex-shrink:0;width:32px;height:32px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer}.cpx-icon-btn:hover{background:var(--bg);color:var(--text)}.cpx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:280px;padding:32px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary);font-size:13px}.cpx-empty strong{font-size:15px;color:var(--text)}.cpx-detail{display:flex;flex-direction:column;gap:14px;min-width:0}.cpx-dhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cpx-dhead__main{display:flex;flex-direction:column;gap:6px;min-width:0}.cpx-dhead__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cpx-dhead__title{margin:0;font-size:20px;font-weight:700;line-height:1.25;color:var(--text)}.cpx-dhead__title span{font-weight:500;color:var(--text-secondary)}.cpx-dhead__meta{display:flex;flex-wrap:wrap;gap:4px 0;font-size:12px;color:var(--text-secondary)}.cpx-dhead__meta span+span:before{content:"·";margin:0 8px;color:var(--muted)}.cpx-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cpx-links>button{padding:5px 10px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--primary);cursor:pointer}.cpx-links>button:hover{background:#fbf6ee;border-color:var(--primary-light)}.cpx-links__docs{display:inline-flex;flex-wrap:wrap;gap:10px;margin-left:auto;font-size:11px;color:var(--muted)}.cpx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.cpx-kpi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.cpx-kpi span{font-size:11px;font-weight:600;color:var(--muted)}.cpx-kpi strong{font-size:16px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.cpx-kpi small{font-size:11px;color:var(--text-secondary)}.cpx-kpi.is-pos{background:#f0fdf4;border-color:#bbf7d0}.cpx-kpi.is-pos strong{color:#2d7a3a}.cpx-kpi.is-neg{background:#fef2f2;border-color:#fecaca}.cpx-kpi.is-neg strong{color:#b91c1c}.cpx-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto}.cpx-tabs button{position:relative;display:inline-flex;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:600;white-space:nowrap;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.cpx-tabs button:hover{color:var(--text)}.cpx-tabs button.is-active{color:var(--primary);border-bottom-color:var(--primary)}.cpx-tabs__dot{width:7px;height:7px;border-radius:50%;background:#dc2626}.cpx-body{display:flex;flex-direction:column;gap:12px;min-width:0}.cpx-body>div:not(.cpx-card){display:flex;flex-direction:column;gap:12px}.cpx-card{min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.cpx-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:12px}.cpx-card__head h4,.cpx-details summary h4{margin:0;font-size:14px;font-weight:700;color:var(--text)}.cpx-card__hint{font-size:12px;color:var(--muted)}.cpx-card__actions{display:flex;gap:6px}.cpx-details summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;list-style:none;cursor:pointer}.cpx-details summary::-webkit-details-marker{display:none}.cpx-details summary h4:before{content:"▸";display:inline-block;margin-right:6px;color:var(--muted);transition:transform .15s ease}.cpx-details[open] summary{margin-bottom:12px}.cpx-details[open] summary h4:before{transform:rotate(90deg)}.cpx-fin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.cpx-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 16px;margin:0}.cpx-dl>div{min-width:0}.cpx-dl dt{font-size:11px;font-weight:600;color:var(--muted)}.cpx-dl dd{margin:2px 0 0;font-size:13px;color:var(--text);overflow-wrap:anywhere}.cpx-sec{padding:16px 0;border-top:1px solid var(--border-light)}.cpx-card__head+.cpx-sec{padding-top:4px;border-top:none}.cpx-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px}.cpx-sec__head h5{margin:0;font-size:13px;font-weight:700;color:var(--text)}.cpx-sec__head span{font-size:12px;color:var(--muted)}.cpx-sec__cols{align-items:start;gap:24px}.cpx-sec__cols>div+div{padding-left:24px;border-left:1px solid var(--border-light)}@media(min-width:900px){.cpx-sec__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cpx-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 16px}.cpx-fields>.field-group{margin:0}.cpx-sec .grid{gap:12px 16px}.cpx-sec .field-group label,.cpx-fields .field-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.cpx-sec .panel-label{margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.cpx-rates{margin-bottom:4px}.cpx-po-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:10px}.cpx-po-stats>.panel{border-radius:10px;box-shadow:none}.cpx-po-stats strong{display:block;margin-top:2px;font-size:14px;font-variant-numeric:tabular-nums}.cpx-savebar{position:sticky;bottom:0;z-index:2;display:flex;gap:8px;margin:0 -16px -14px;padding:12px 16px;border-top:1px solid var(--border);border-radius:0 0 12px 12px;background:#fffffff5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:1100px){.cpx-layout{grid-template-columns:minmax(0,1fr)}.cpx-list{position:static;max-height:360px}.cpx-layout.has-selection .cpx-list{max-height:240px}.cpx-fin-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.cpx-sec__cols>div+div{padding-left:0;border-left:none}}
