.ccpc{max-width:1000px;margin:16px auto;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d;overflow:visible!important}.ccpc *{box-sizing:border-box}.ccpc-layout{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:14px;align-items:start}.ccpc .leftinput,.ccpc .rightresult{float:none;width:auto;max-width:none;margin:0;padding:13px;min-width:0}.ccpc .leftinput{background:#e1eff0;border:1px solid #0f284d;border-radius:3px}.ccpc .rightresult{background:#f7f9fb;border:1px solid #d9e2e8;border-radius:3px}.ccpc .leftinput h2,.ccpc .rightresult h2{margin:0 0 11px;font-size:17px;line-height:1.3;text-align:center}.ccpc .rightresult h2{background:#228b22;color:white;padding:7px}.ccpc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccpc-wide{grid-column:1/-1}.ccpc label{display:block;font-size:11px;font-weight:600;line-height:1.3;margin-bottom:3px;color:#0f284d}.ccpc input,.ccpc select{width:100%;height:36px;min-width:0;padding:5px 8px;font-size:13px!important;color:#0f284d;border:1px solid #0f284d;border-radius:2px;background:#fff}.ccpc :is(input,select,button,summary):focus-visible{outline:3px solid #6a9ed5;outline-offset:2px}.ccpc input[aria-invalid="true"]{border-color:#b42318;background:#fff6f5}.ccpc-card-head{display:flex;justify-content:space-between;align-items:center;margin:11px 0 5px;font-size:12px}.ccpc-card-head span{font-size:10px;color:#536475}.ccpc-cards{display:grid;gap:5px}.ccpc-card{padding:7px;border:1px solid #c4d7de;background:#fff;border-radius:3px}.ccpc-card-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.ccpc-card-top input{height:29px;font-size:12px!important;flex:1}.ccpc-remove{border:0!important;background:#f4eeee!important;color:#a21b1b!important;border-radius:2px!important;width:25px!important;height:27px!important;font-size:17px!important;padding:0!important;margin:0!important}.ccpc-card-fields{display:grid;grid-template-columns:1.1fr 1fr .82fr;gap:5px}.ccpc-card-fields label{font-size:10px}.ccpc-card-fields input{height:32px;font-size:12px!important;padding:4px 5px}.ccpc-field-error{display:block;color:#a21b1b;font-size:10px;margin-top:3px;min-height:0}.ccpc-controls{display:flex;align-items:center;gap:10px;margin-top:7px}.ccpc-controls span{font-size:10px;color:#526676}.ccpc .ccpc-small{background:#fff!important;color:#0f284d!important;border:1px solid #0f284d!important;padding:5px 8px!important;margin:0!important;font-size:11px!important;border-radius:2px!important}.ccpc-error-summary{margin-top:7px;padding:7px;background:#ffefeb;border-left:3px solid #b42318;font-size:12px;color:#8f241c}.ccpc-buttons{display:flex;gap:8px;margin-top:10px}.ccpc .ccpc-buttons button{flex:1;width:auto!important;margin:0!important;padding:9px 8px!important;font-size:13px!important}.ccpc-status{font-size:11px;margin:0 0 8px;color:#526475}.ccpc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ccpc-metric{background:white;border-left:3px solid #228b22;padding:9px 8px;min-width:0}.ccpc-metric small{display:block;font-size:11px;color:#546273}.ccpc-metric strong{display:block;font-size:19px;color:#0f284d;overflow-wrap:anywhere}.ccpc-graph-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:9px;margin-top:9px}.ccpc-graph{background:white;padding:8px;border:1px solid #e4e9ee;min-width:0}.ccpc-graph h3{margin:0 0 7px;font-size:12px}.ccpc-graph svg{display:block;width:100%;height:auto;overflow:visible}.ccpc-donut-wrap{display:grid;justify-items:center;gap:7px}.ccpc-donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#0f284d 0 75%,#228b22 75% 100%)}.ccpc-donut:before{content:'';position:absolute;inset:19px;border-radius:50%;background:white}.ccpc-donut span{z-index:1;font-size:13px;font-weight:700}.ccpc-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:10px}.ccpc-key{display:inline-block;width:9px;height:9px;margin-right:3px}.ccpc-key-principal{background:#0f284d}.ccpc-key-interest{background:#228b22}.ccpc-note{font-size:11px;line-height:1.45;padding:8px;margin-top:9px;background:#e1eff0}.ccpc-details{margin-top:9px;font-size:12px}.ccpc-details summary{font-weight:600;cursor:pointer}.ccpc-scroll{max-height:250px;overflow:auto;margin-top:7px}.ccpc-table{border-collapse:collapse;width:100%;font-size:11px}.ccpc-table th,.ccpc-table td{padding:5px;border-bottom:1px solid #dce4e9;text-align:right}.ccpc-table th:first-child,.ccpc-table td:first-child{text-align:left}.ccpc-table th{position:sticky;top:0;background:#0f284d;color:white}.ccpc-actions{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.ccpc .ccpc-actions button{flex:1 1 auto;width:auto!important;padding:6px 8px!important;font-size:11px!important;margin:0!important;background:#0f284d!important;color:white!important;border:0;border-radius:2px}.ccpc-disclaimer{font-size:10px;color:#617182;margin:9px 0 0;line-height:1.4}.ccpc [hidden]{display:none!important}@media(max-width:800px){.ccpc-layout{grid-template-columns:minmax(0,1fr)}.ccpc .leftinput,.ccpc .rightresult{width:100%;max-width:none}.ccpc{margin:8px auto;padding:0 8px!important}.ccpc .leftinput{padding:10px}.ccpc .rightresult{padding:10px}}@media(max-width:380px){.ccpc-graph-grid{grid-template-columns:1fr}.ccpc .ccpc-card-fields{gap:4px}.ccpc label{font-size:10px}}@media print{body *{visibility:hidden}.ccpc .ccpc-output,.ccpc .ccpc-output *{visibility:visible}.ccpc .ccpc-output{position:absolute;left:0;top:0;width:100%;border:0}.ccpc-actions,.ccpc-input,.ccpc-disclaimer{display:none!important}.ccpc-details{display:block}.ccpc-scroll{max-height:none;overflow:visible}}