:root{--cpc-primary:#8b5cf6;--cpc-primary-light:#8b5cf61a;--cpc-success:#059669;--cpc-success-light:#0596691a;--cpc-warning:#d97706;--cpc-warning-light:#d977061a;--cpc-danger:#dc2626;--cpc-danger-light:#dc26261a;--cpc-accent:#0ea5e9;--cpc-accent-light:#0ea5e91a;--cpc-text:#1e293b;--cpc-text-secondary:#475569;--cpc-text-muted:#64748b;--cpc-bg:#fff;--cpc-bg-secondary:#f8fafc;--cpc-border:#e2e8f0;--cpc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cpc-shadow-md:0 4px 12px #00000014}._cpc-container{max-width:960px;margin:0 auto}._cpc-body{flex-direction:column;gap:1.5rem;display:flex}._cpc-inputs,._cpc-results{flex-direction:column;gap:1rem;display:flex}._cpc-content{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}._cpc-card{background:var(--cpc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--cpc-border);padding:var(--main-space-6);box-shadow:var(--cpc-shadow)}._cpc-card-title{font-size:var(--main-text-base);color:var(--cpc-text);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-weight:600;display:flex}._cpc-card-title svg{color:var(--cpc-primary);flex-shrink:0}@media (max-width:768px){._cpc-container{padding-left:.75rem;padding-right:.75rem}._cpc-content{grid-template-columns:1fr;gap:1rem}._cpc-body{gap:1rem}._cpc-inputs,._cpc-results{gap:.875rem}._cpc-card-title{margin:0 0 1rem}}._cpc-field{margin-bottom:1rem}._cpc-field:last-child{margin-bottom:0}._cpc-label{font-size:var(--main-text-sm);color:var(--cpc-text-secondary);margin-bottom:.375rem;font-weight:500;display:block}._cpc-input-wrap{border-style:solid;border-width:1.5px;border-color:var(--cpc-border);border-radius:var(--main-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._cpc-input-wrap:focus-within{border-color:var(--cpc-primary);box-shadow:0 0 0 3px var(--cpc-primary-light)}._cpc-input{font-size:var(--main-text-base);color:var(--cpc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem .75rem;font-weight:600}._cpc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._cpc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._cpc-input[type=number]{-moz-appearance:textfield}._cpc-input-unit{font-size:var(--main-text-xs);color:var(--cpc-text-muted);background:var(--cpc-bg-secondary);white-space:nowrap;border-left-style:solid;border-left-width:1px;border-left-color:var(--cpc-border);padding:.625rem .75rem;font-weight:500}._cpc-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._cpc-presets-label{font-size:var(--main-text-xs);color:var(--cpc-text-muted);font-weight:500}._cpc-preset{border-radius:var(--main-radius-full);border-style:solid;border-width:1px;border-color:var(--cpc-border);background:var(--cpc-bg);font-size:var(--main-text-xs);color:var(--cpc-text-secondary);cursor:pointer;box-shadow:var(--cpc-shadow);padding:.3rem .75rem;font-weight:500;transition:all .2s}@media (hover:hover){._cpc-preset:hover{border-color:var(--cpc-primary);color:var(--cpc-primary);background:var(--cpc-primary-light)}}._cpc-preset:active{border-color:var(--cpc-primary);color:var(--cpc-primary);background:var(--cpc-primary-light)}@media (max-width:768px){._cpc-card{padding:var(--main-space-4)}._cpc-input{padding:.75rem .875rem;font-size:1rem}._cpc-input-unit{padding:.75rem}._cpc-preset{font-size:var(--main-text-sm);min-height:36px;padding:.5rem .875rem}._cpc-presets{gap:.5rem}}._cpc-result-main{text-align:center;padding:var(--main-space-8);color:#fff;border-color:#0000}._cpc-result-main--positive{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 16px #0596694d}._cpc-result-main--negative{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 16px #dc26264d}._cpc-result-main--zero{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 16px #8b5cf64d}._cpc-result-label{font-size:var(--main-text-sm);opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:500}._cpc-result-value{font-size:2.75rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono);margin-bottom:.25rem}._cpc-result-sub{font-size:var(--main-text-sm);opacity:.8;margin-top:.5rem}._cpc-summary{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._cpc-summary-card{background:var(--cpc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--cpc-border);box-shadow:var(--cpc-shadow);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}._cpc-summary-icon{border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._cpc-summary-icon--roi{background:var(--cpc-accent-light);color:var(--cpc-accent)}._cpc-summary-icon--invested{background:var(--cpc-primary-light);color:var(--cpc-primary)}._cpc-summary-icon--received{background:var(--cpc-success-light);color:var(--cpc-success)}._cpc-summary-icon--breakeven{background:var(--cpc-warning-light);color:var(--cpc-warning)}._cpc-summary-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}._cpc-summary-label{font-size:var(--main-text-xs);color:var(--cpc-text-muted);font-weight:500}._cpc-summary-value{font-size:var(--main-text-base);color:var(--cpc-text);font-weight:700;font-family:var(--main-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._cpc-breakdown-card{padding:0;overflow:hidden}._cpc-breakdown-toggle{width:100%;font-size:var(--main-text-sm);color:var(--cpc-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:600;display:flex}@media (hover:hover){._cpc-breakdown-toggle:hover{background:var(--cpc-bg-secondary)}}._cpc-breakdown-toggle:active{background:var(--cpc-bg-secondary)}._cpc-breakdown-toggle span{align-items:center;gap:.5rem;display:flex}._cpc-breakdown-toggle svg{color:var(--cpc-text-muted)}._cpc-breakdown-chevron{transition:transform .2s}._cpc-breakdown-chevron--open{transform:rotate(180deg)}._cpc-breakdown-body{padding:0 1rem 1rem}._cpc-breakdown-section{flex-direction:column;gap:.125rem;display:flex}._cpc-breakdown-heading{font-size:var(--main-text-xs);color:var(--cpc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:600}._cpc-breakdown-row{font-size:var(--main-text-sm);justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}._cpc-breakdown-name{color:var(--cpc-text-secondary)}._cpc-breakdown-val{font-family:var(--main-font-mono);color:var(--cpc-text);font-weight:600}._cpc-breakdown-divider{background:var(--cpc-border);height:1px;margin:.5rem 0}._cpc-breakdown-row--subtotal{background:var(--cpc-bg-secondary);border-radius:var(--main-radius);margin-top:.25rem;padding:.5rem .75rem}._cpc-breakdown-row--subtotal ._cpc-breakdown-name{color:var(--cpc-text);font-weight:600}._cpc-breakdown-row--profit{background:var(--cpc-primary-light);border-radius:var(--main-radius);margin-top:.25rem;padding:.5rem .75rem}._cpc-breakdown-row--profit ._cpc-breakdown-name{color:var(--cpc-primary);font-weight:600}._cpc-breakdown-row--profit ._cpc-breakdown-val{color:var(--cpc-primary)}._cpc-reset{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--cpc-border);background:var(--cpc-bg);width:100%;font-size:var(--main-text-sm);color:var(--cpc-text-muted);cursor:pointer;box-shadow:var(--cpc-shadow);justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:500;transition:all .2s;display:flex}@media (hover:hover){._cpc-reset:hover{border-color:var(--cpc-primary);color:var(--cpc-primary)}}._cpc-reset:active{border-color:var(--cpc-primary);color:var(--cpc-primary)}._cpc-reset svg{width:14px;height:14px}@media (max-width:768px){._cpc-result-value{word-break:break-word;font-size:2rem}._cpc-result-main{padding:var(--main-space-6)}._cpc-summary{grid-template-columns:1fr 1fr}._cpc-summary-card{gap:.625rem;padding:.75rem}._cpc-summary-icon{width:32px;height:32px}._cpc-summary-value{font-size:var(--main-text-sm)}._cpc-breakdown-toggle{min-height:48px;padding:1rem}._cpc-reset{font-size:var(--main-text-sm);min-height:44px;padding:.875rem 1rem}._cpc-breakdown-row{font-size:var(--main-text-xs)}}@media (max-width:480px){._cpc-result-value{font-size:1.75rem}._cpc-summary{grid-template-columns:1fr}._cpc-summary-value{font-size:var(--main-text-base)}}