:root{--cpcc-primary:#4361ee;--cpcc-primary-deep:#3a56d4;--cpcc-secondary:#00a86b;--cpcc-secondary-light:#e6f0ff;--cpcc-danger:#e74c3c;--cpcc-bg:#f7f9fb;--cpcc-white:#ffffff;--cpcc-text:#2b2d42;--cpcc-border:#d8dce2;--cpcc-radius:8px;--cpcc-spacing:1.5rem;--cpcc-gap:0.6rem}.cpcc-header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:1.25rem;border:1px solid var(--cpcc-border);border-radius:var(--cpcc-radius);padding:2rem 1rem}.cpcc-header-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--cpcc-secondary-light);color:var(--cpcc-primary)!important;font-size:0.75rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;margin-bottom:.9rem}.cpcc-header span{font-size:clamp(1.6rem, 4vw, 2.2rem)!important;font-weight:700;color:var(--cpcc-text)!important;line-height:1.2;margin-bottom:.5rem}.cpcc-header p{color:#6b7280!important;font-size:0.97rem!important;font-weight:400;max-width:480px;margin:0 auto;line-height:1.6}.cpcc-card{background:var(--cpcc-white);border-radius:16px;box-shadow:0 2px 16px rgb(67 97 238 / .07),0 1px 4px rgb(0 0 0 / .06);overflow:hidden}.cpcc-mode-tabs{display:flex;border-bottom:1px solid var(--cpcc-border)!important;background:#f9fafc;padding:.5rem 1.5rem 0;gap:.25rem}.cpcc-tab{font-family:"Rubik",sans-serif;font-size:0.85rem!important;font-weight:500;color:#6b7280!important;background:#fff0;border:none;border-bottom:2px solid transparent!important;padding:.6rem 1rem .7rem;cursor:pointer;transition:color 0.18s,border-color 0.18s;white-space:nowrap}.cpcc-tab:hover{color:var(--cpcc-primary)!important}.cpcc-tab.cpcc-tab--active{color:var(--cpcc-primary)!important;border-bottom-color:var(--cpcc-primary)!important;font-weight:600}.cpcc-body{padding:var(--cpcc-spacing) var(--cpcc-spacing) 1.2rem}.cpcc-formula-hint{display:flex;align-items:center;gap:.5rem;background:var(--cpcc-secondary-light);border-radius:var(--cpcc-radius);padding:.6rem 1rem;margin-bottom:1.3rem;font-size:0.82rem!important;color:var(--cpcc-primary)!important;font-weight:500}.cpcc-formula-hint svg{flex-shrink:0;opacity:.7}.cpcc-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.cpcc-input-group{display:flex;flex-direction:column;gap:.35rem}.cpcc-input-group label{font-size:0.8rem!important;font-weight:600;color:#4b5563!important;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:.3rem}.cpcc-input-group label .cpcc-required{color:var(--cpcc-danger)!important;font-size:0.9em!important}.cpcc-input-wrap{position:relative;display:flex;align-items:center}.cpcc-input-prefix,.cpcc-input-suffix{position:absolute;font-size:0.9rem!important;color:#9ca3af!important;font-weight:500;pointer-events:none;user-select:none}.cpcc-input-prefix{left:.85rem}.cpcc-input-suffix{right:.85rem}.cpcc-input{width:100%;font-family:"Rubik",sans-serif;font-size:0.97rem!important;font-weight:500;color:var(--cpcc-text)!important;background:#f9fafc;border:1.5px solid var(--cpcc-border)!important;border-radius:var(--cpcc-radius);padding:.65rem .9rem;outline:none;transition:border-color 0.18s,box-shadow 0.18s,background 0.18s;-moz-appearance:textfield}.cpcc-input::-webkit-outer-spin-button,.cpcc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpcc-input:focus{border-color:var(--cpcc-primary)!important;background:var(--cpcc-white);box-shadow:0 0 0 3px rgb(67 97 238 / .1)}.cpcc-input:disabled{background:#f0f2f5;color:#9ca3af!important;cursor:not-allowed}.cpcc-input--has-prefix{padding-left:2rem}.cpcc-input--has-suffix{padding-right:2.4rem}.cpcc-input--error{border-color:var(--cpcc-danger)!important;background:#fff5f5}.cpcc-input-error-msg{font-size:0.75rem!important;color:var(--cpcc-danger)!important;margin-top:.15rem;display:none}.cpcc-input-error-msg.cpcc-visible{display:block}.cpcc-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.cpcc-tooltip-icon{width:14px;height:14px;background:#d1d5db;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.65rem!important;color:#fff!important;font-weight:700;cursor:default;flex-shrink:0}.cpcc-tooltip-text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1f2937;color:#fff!important;font-size:0.72rem!important;font-weight:400;border-radius:6px;padding:.4rem .65rem;white-space:nowrap;z-index:10;pointer-events:none;max-width:200px;white-space:normal;text-align:center;line-height:1.4}.cpcc-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid #fff0;border-top-color:#1f2937}.cpcc-tooltip-wrap:hover .cpcc-tooltip-text{display:block}.cpcc-calculate-btn{width:100%;font-family:"Rubik",sans-serif;font-size:1rem!important;font-weight:600;color:#fff!important;background:var(--cpcc-primary);border:none!important;border-radius:var(--cpcc-radius);padding:.8rem 1.5rem;cursor:pointer;transition:background 0.18s,transform 0.1s,box-shadow 0.18s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px rgb(67 97 238 / .3)}.cpcc-calculate-btn:hover{background:var(--cpcc-primary-deep);box-shadow:0 4px 14px rgb(67 97 238 / .4)}.cpcc-calculate-btn:active{transform:translateY(1px)}.cpcc-results{display:none;animation:cpccFadeSlide 0.35s ease}.cpcc-results.cpcc-visible{display:block}@keyframes cpccFadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cpcc-results-divider{height:1px;background:var(--cpcc-border)!important;margin:1.3rem 0 0}.cpcc-results-body{padding:1.3rem var(--cpcc-spacing) var(--cpcc-spacing)}.cpcc-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cpcc-results-title{font-size:0.8rem!important;font-weight:700;color:#4b5563!important;text-transform:uppercase;letter-spacing:.06em}.cpcc-primary-result{background:linear-gradient(135deg,var(--cpcc-primary),#6a82fb);border-radius:12px;padding:1.4rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cpcc-primary-result-label{font-size:0.85rem!important;font-weight:500;color:rgb(255 255 255 / .85)!important;margin-bottom:.3rem}.cpcc-primary-result-value{font-size:2.4rem!important;font-weight:700;color:#fff!important;line-height:1;letter-spacing:-.02em}.cpcc-primary-result-meta{font-size:0.78rem!important;color:rgb(255 255 255 / .7)!important;margin-top:.25rem}.cpcc-cpc-badge{background:rgb(255 255 255 / .18);border-radius:10px;padding:.6rem 1.1rem;text-align:center;flex-shrink:0}.cpcc-cpc-badge-label{font-size:0.7rem!important;color:rgb(255 255 255 / .75)!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:.15rem}.cpcc-cpc-badge-abbr{font-size:1.1rem!important;font-weight:700;color:#fff!important}.cpcc-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cpcc-gap);margin-bottom:1rem}.cpcc-metric-card{background:var(--cpcc-bg);border-radius:var(--cpcc-radius);padding:.85rem;border:1px solid var(--cpcc-border)!important;transition:border-color 0.18s}.cpcc-metric-card:hover{border-color:#b5c3f8!important}.cpcc-metric-label{font-size:0.72rem!important;font-weight:600;color:#6b7280!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem}.cpcc-metric-value{font-size:1.2rem!important;font-weight:700;color:var(--cpcc-text)!important;line-height:1.1}.cpcc-metric-value--secondary{color:var(--cpcc-secondary)!important}.cpcc-metric-value--primary{color:var(--cpcc-primary)!important}.cpcc-insight{display:flex;align-items:flex-start;gap:.6rem;background:#f0fdf4;border:1px solid #bbf7d0!important;border-radius:var(--cpcc-radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:0.84rem!important;color:#166534!important;line-height:1.5}.cpcc-insight--warning{background:#fffbeb;border-color:#fde68a!important;color:#92400e!important}.cpcc-insight--info{background:var(--cpcc-secondary-light);border-color:#bfdbfe!important;color:#1e3a8a!important}.cpcc-insight svg{flex-shrink:0;margin-top:.15rem}.cpcc-actions{display:none;grid-template-columns:repeat(3,1fr);gap:var(--cpcc-gap);padding:0 var(--cpcc-spacing) var(--cpcc-spacing);animation:cpccFadeSlide 0.35s ease 0.1s both}.cpcc-actions.cpcc-visible{display:grid}.cpcc-action{font-family:"Rubik",sans-serif;font-size:0.82rem!important;font-weight:600;border-radius:var(--cpcc-radius);padding:.65rem .8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all 0.18s;white-space:nowrap}.cpcc-action--pdf{color:var(--cpcc-primary)!important;background:var(--cpcc-secondary-light);border:1.5px solid #bfdbfe!important}.cpcc-action--pdf:hover{background:#dbeafe;border-color:var(--cpcc-primary)!important}.cpcc-action--copy{color:var(--cpcc-secondary)!important;background:#ecfdf5;border:1.5px solid #a7f3d0!important}.cpcc-action--copy:hover{background:#d1fae5}.cpcc-action--reset{color:var(--cpcc-danger)!important;background:#fff5f5;border:1.5px solid #fecaca!important}.cpcc-action--reset:hover{background:#fee2e2}.cpcc-modal-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .45);z-index:100;align-items:center;justify-content:center;animation:cpccFadeIn 0.15s ease}.cpcc-modal-overlay.cpcc-visible{display:flex}@keyframes cpccFadeIn{from{opacity:0}to{opacity:1}}.cpcc-modal{background:var(--cpcc-white);border-radius:14px;padding:1.8rem;max-width:360px;width:calc(100% - 2rem);box-shadow:0 20px 60px rgb(0 0 0 / .2);animation:cpccSlideUp 0.2s ease}@keyframes cpccSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cpcc-modal-icon{width:46px;height:46px;background:#fff5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.cpcc-modal h3{font-size:1.05rem!important;font-weight:700;color:var(--cpcc-text)!important;margin-bottom:.4rem}.cpcc-modal p{font-size:0.87rem!important;color:#6b7280!important;line-height:1.5;margin-bottom:1.3rem}.cpcc-modal-actions{display:flex;gap:.6rem}.cpcc-modal-cancel{flex:1;font-family:"Rubik",sans-serif;font-size:0.88rem!important;font-weight:600;color:var(--cpcc-text)!important;background:var(--cpcc-bg);border:1.5px solid var(--cpcc-border)!important;border-radius:var(--cpcc-radius);padding:.65rem;cursor:pointer;transition:background 0.15s}.cpcc-modal-cancel:hover{background:var(--cpcc-border)}.cpcc-modal-confirm{flex:1;font-family:"Rubik",sans-serif;font-size:0.88rem!important;font-weight:600;color:#fff!important;background:var(--cpcc-danger);border:none!important;border-radius:var(--cpcc-radius);padding:.65rem;cursor:pointer;transition:background 0.15s}.cpcc-modal-confirm:hover{background:#c0392b}.cpcc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(12px);background:#1f2937;color:#fff!important;font-family:"Rubik",sans-serif;font-size:0.85rem!important;font-weight:500;padding:.65rem 1.2rem;border-radius:100px;white-space:nowrap;z-index:200;opacity:0;transition:opacity 0.2s,transform 0.2s;pointer-events:none;display:flex;align-items:center;gap:.45rem}.cpcc-toast.cpcc-toast--show{opacity:1;transform:translateX(-50%) translateY(0)}.cpcc-toast--success{background:#166534!important}.cpcc-toast--error{background:#991b1b!important}@media (max-width:600px){body{padding:1rem .75rem 3rem}.cpcc-inputs-grid{grid-template-columns:1fr}.cpcc-metrics-grid{grid-template-columns:1fr 1fr}.cpcc-primary-result{flex-direction:column;align-items:flex-start;gap:.8rem}.cpcc-cpc-badge{align-self:flex-start}.cpcc-actions{grid-template-columns:1fr}.cpcc-mode-tabs{overflow-x:auto;padding-bottom:0}.cpcc-primary-result-value{font-size:2rem!important}}@media (max-width:420px){.cpcc-metrics-grid{grid-template-columns:1fr}.cpcc-body{padding:1rem}.cpcc-results-body{padding:1rem}.cpcc-actions{padding:0 1rem 1rem}}