:root{--ccsc-primary:#4361ee;--ccsc-primary-deep:#3a56d4;--ccsc-secondary:#00a86b;--ccsc-secondary-light:#e6f0ff;--ccsc-danger:#e74c3c;--ccsc-bg:#f7f9fb;--ccsc-white:#ffffff;--ccsc-text:#2b2d42;--ccsc-border:#d8dce2;--ccsc-radius:8px;--ccsc-spacing:1.5rem;--ccsc-gap:0.6rem;--ccsc-text-muted:#6b7280;--ccsc-card-shadow:0 2px 12px rgba(67, 97, 238, 0.07);--ccsc-card-shadow-hover:0 6px 24px rgba(67, 97, 238, 0.13);--ccsc-metric-bg:#f0f4ff;--ccsc-result-bg:linear-gradient(135deg, #f0f6ff 0%, #e8f5ee 100%)}.ccsc-hero{text-align:center;padding:2rem 1rem;border:1px solid var(--ccsc-border);border-radius:var(--ccsc-radius);background:var(--ccsc-secondary-light)!important;box-shadow:var(--ccsc-card-shadow)}.ccsc-hero-icon{font-size:3rem;line-height:1;margin-bottom:.6rem;animation:ccsc-bounce 1.8s ease-in-out infinite}@keyframes ccsc-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.ccsc-hero-title{font-size:clamp(1.25rem, 5vw, 2rem);font-weight:800;color:var(--ccsc-text)!important;letter-spacing:-.5px;line-height:1.2;margin:0;padding:0}.ccsc-hero-subtitle{margin:.5rem 0 0 0;font-size:.9rem;color:var(--ccsc-text-muted)!important;font-weight:400}.ccsc-container{display:flex;flex-direction:column;gap:1.2rem}.ccsc-card{background:var(--ccsc-white);border:1px solid var(--ccsc-border);border-radius:var(--ccsc-radius);padding:var(--ccsc-spacing);box-shadow:var(--ccsc-card-shadow);transition:box-shadow 0.2s}.ccsc-card:hover{box-shadow:var(--ccsc-card-shadow-hover)}.ccsc-card-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}.ccsc-step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ccsc-primary)!important;color:#fff!important;font-size:0.82rem!important;font-weight:700;flex-shrink:0}.ccsc-card-title{font-size:1.1rem!important;font-weight:700;color:var(--ccsc-text)!important;flex:1}.ccsc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ccsc-field{display:flex;flex-direction:column;gap:.35rem}.ccsc-label{font-size:0.875rem!important;font-weight:600;color:var(--ccsc-text)!important;display:flex;align-items:center;gap:.3rem}.ccsc-input-wrap{position:relative}.ccsc-input,.ccsc-select{width:100%;padding:.6rem .85rem;border:1.5px solid var(--ccsc-border)!important;border-radius:var(--ccsc-radius);font-size:0.95rem!important;color:var(--ccsc-text)!important;background:var(--ccsc-white)!important;outline:none;transition:border-color 0.18s,box-shadow 0.18s;appearance:none;-webkit-appearance:none}.ccsc-select{cursor:pointer}.ccsc-input:focus,.ccsc-select:focus{border-color:var(--ccsc-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12)}.ccsc-input.ccsc-error{border-color:var(--ccsc-danger)!important;animation:ccsc-shake 0.3s ease}@keyframes ccsc-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.ccsc-tooltip{position:relative;cursor:help;color:var(--ccsc-text-muted)!important;font-size:0.8rem!important;display:inline-block}.ccsc-tooltip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#2b2d42!important;color:#fff!important;font-size:0.75rem!important;padding:.45rem .7rem;border-radius:var(--ccsc-radius);white-space:nowrap;max-width:220px;white-space:normal;text-align:center;pointer-events:none;opacity:0;transition:opacity 0.18s;z-index:100;font-weight:400;line-height:1.4}.ccsc-tooltip:hover::after{opacity:1}.ccsc-hint{font-size:0.875rem!important;color:var(--ccsc-text-muted)!important;margin-bottom:.9rem}.ccsc-radio-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ccsc-gap)}.ccsc-radio-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .7rem;border:2px solid var(--ccsc-border)!important;border-radius:var(--ccsc-radius);cursor:pointer;transition:border-color 0.18s,background 0.18s,transform 0.15s;background:var(--ccsc-white)!important;gap:.3rem;user-select:none}.ccsc-radio-card input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.ccsc-radio-card:hover{border-color:var(--ccsc-primary)!important;transform:translateY(-2px)}.ccsc-radio-card.ccsc-selected{border-color:var(--ccsc-primary)!important;background:var(--ccsc-secondary-light)!important}.ccsc-radio-icon{font-size:1.8rem;line-height:1}.ccsc-radio-label{font-weight:700;font-size:0.875rem!important;color:var(--ccsc-text)!important}.ccsc-radio-desc{font-size:0.75rem!important;color:var(--ccsc-text-muted)!important;line-height:1.35}.ccsc-toggle-btn{background:none;border:1px solid var(--ccsc-border)!important;border-radius:var(--ccsc-radius);padding:.25rem .65rem;cursor:pointer;font-size:0.8rem!important;color:var(--ccsc-text-muted)!important;display:flex;align-items:center;gap:.25rem;transition:background 0.15s,color 0.15s}.ccsc-toggle-btn:hover{background:var(--ccsc-secondary-light)!important;color:var(--ccsc-primary)!important}.ccsc-advanced-body{padding-top:.8rem}.ccsc-cta-row{display:flex;justify-content:center;padding:.4rem 0}.ccsc-btn-calculate{background:var(--ccsc-primary)!important;color:#fff!important;border:none!important;border-radius:var(--ccsc-radius);padding:.85rem 2.5rem;font-size:1rem!important;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background 0.18s,transform 0.15s,box-shadow 0.18s;box-shadow:0 4px 14px rgb(67 97 238 / .3)}.ccsc-btn-calculate:hover{background:var(--ccsc-primary-deep)!important;transform:translateY(-2px);box-shadow:0 6px 20px rgb(67 97 238 / .38)}.ccsc-btn-calculate:active{transform:translateY(0)}.ccsc-btn-icon{font-size:1.1rem}.ccsc-results-panel{background:var(--ccsc-result-bg);border:1.5px solid #c7d9f8!important;border-radius:var(--ccsc-radius);padding:var(--ccsc-spacing);animation:ccsc-fadein 0.45s ease}@keyframes ccsc-fadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ccsc-results-header{margin-bottom:1.4rem}.ccsc-results-title-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.ccsc-results-emoji{font-size:1.5rem}.ccsc-results-title{font-size:1.35rem;font-weight:800;color:var(--ccsc-text)!important}.ccsc-results-subtitle{font-size:0.9rem!important;color:var(--ccsc-text-muted)!important;padding-left:2.1rem}.ccsc-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:.85rem}.ccsc-metric-card{background:var(--ccsc-white)!important;border:1.5px solid #c7d9f8!important;border-radius:var(--ccsc-radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem}.ccsc-metric-card.ccsc-metric-primary{background:var(--ccsc-primary)!important;border-color:var(--ccsc-primary)!important}.ccsc-metric-card.ccsc-metric-secondary{background:var(--ccsc-secondary)!important;border-color:var(--ccsc-secondary)!important}.ccsc-metric-icon{font-size:1.3rem;margin-bottom:.2rem}.ccsc-metric-label{font-size:0.78rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ccsc-text-muted)!important}.ccsc-metric-card.ccsc-metric-primary .ccsc-metric-label,.ccsc-metric-card.ccsc-metric-secondary .ccsc-metric-label{color:rgb(255 255 255 / .8)!important}.ccsc-metric-value{font-size:1.6rem!important;font-weight:800;color:var(--ccsc-text)!important;line-height:1.1}.ccsc-metric-card.ccsc-metric-primary .ccsc-metric-value,.ccsc-metric-card.ccsc-metric-secondary .ccsc-metric-value{color:#fff!important}.ccsc-metric-sub{font-size:0.78rem!important;color:var(--ccsc-text-muted)!important}.ccsc-metric-card.ccsc-metric-primary .ccsc-metric-sub,.ccsc-metric-card.ccsc-metric-secondary .ccsc-metric-sub{color:rgb(255 255 255 / .75)!important}.ccsc-secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.ccsc-sec-card{background:var(--ccsc-white)!important;border:1px solid var(--ccsc-border)!important;border-radius:var(--ccsc-radius);padding:.75rem;text-align:center}.ccsc-sec-icon{font-size:1.2rem}.ccsc-sec-value{font-size:1.3rem!important;font-weight:800;color:var(--ccsc-primary)!important;display:block;line-height:1.2}.ccsc-sec-label{font-size:0.72rem!important;color:var(--ccsc-text-muted)!important;font-weight:500}.ccsc-breakdown{background:var(--ccsc-white)!important;border:1px solid var(--ccsc-border)!important;border-radius:var(--ccsc-radius);padding:1rem 1.1rem;margin-bottom:1rem}.ccsc-breakdown-title{font-size:0.95rem!important;font-weight:700;color:var(--ccsc-text)!important;margin-bottom:.7rem}.ccsc-breakdown-body{display:flex;flex-direction:column;gap:.4rem}.ccsc-breakdown-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.3rem 0;border-bottom:1px dotted #e0e4eb!important;gap:.5rem}.ccsc-breakdown-row:last-child{border-bottom:none!important}.ccsc-breakdown-key{font-size:0.85rem!important;color:var(--ccsc-text-muted)!important;flex:1}.ccsc-breakdown-val{font-size:0.85rem!important;font-weight:600;color:var(--ccsc-text)!important;text-align:right;white-space:nowrap}.ccsc-breakdown-total{font-weight:800;color:var(--ccsc-primary)!important;font-size:0.95rem!important}.ccsc-action-row{display:flex;gap:.65rem;flex-wrap:wrap}.ccsc-btn{flex:1;min-width:110px;padding:.65rem 1rem;border-radius:var(--ccsc-radius);font-size:0.875rem!important;font-weight:600;cursor:pointer;transition:all 0.18s;text-align:center;border:none}.ccsc-btn-pdf{background:var(--ccsc-primary)!important;color:#fff!important}.ccsc-btn-pdf:hover{background:var(--ccsc-primary-deep)!important;transform:translateY(-1px)}.ccsc-btn-copy{background:var(--ccsc-secondary)!important;color:#fff!important}.ccsc-btn-copy:hover{background:#008f5b!important;transform:translateY(-1px)}.ccsc-btn-reset{background:var(--ccsc-white)!important;color:var(--ccsc-text)!important;border:1.5px solid var(--ccsc-border)!important}.ccsc-btn-reset:hover{background:#fef2f2!important;border-color:var(--ccsc-danger)!important;color:var(--ccsc-danger)!important}.ccsc-btn-danger{background:var(--ccsc-danger)!important;color:#fff!important}.ccsc-btn-danger:hover{background:#c0392b!important}.ccsc-btn-outline{background:var(--ccsc-white)!important;color:var(--ccsc-text)!important;border:1.5px solid var(--ccsc-border)!important}.ccsc-btn-outline:hover{background:var(--ccsc-bg)!important}.ccsc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45);display:flex;align-items:center;justify-content:center;z-index:999;animation:ccsc-fadein 0.2s ease}.ccsc-modal{background:var(--ccsc-white)!important;border-radius:var(--ccsc-radius);padding:2rem;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .2);animation:ccsc-slidein 0.25s ease}@keyframes ccsc-slidein{from{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ccsc-modal-icon{font-size:2.5rem;margin-bottom:.5rem}.ccsc-modal-title{font-size:1.15rem!important;font-weight:700;color:var(--ccsc-text)!important;margin-bottom:.4rem}.ccsc-modal-text{font-size:0.9rem!important;color:var(--ccsc-text-muted)!important;margin-bottom:1.3rem}.ccsc-modal-actions{display:flex;gap:.6rem;justify-content:center}.ccsc-modal-actions .ccsc-btn{flex:none;min-width:110px}.ccsc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(10px);background:#2b2d42!important;color:#fff!important;padding:.65rem 1.4rem;border-radius:100px;font-size:0.875rem!important;font-weight:500;opacity:0;pointer-events:none;transition:opacity 0.25s,transform 0.25s;z-index:1000;white-space:nowrap}.ccsc-toast.ccsc-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:580px){.ccsc-grid-2{grid-template-columns:1fr}.ccsc-radio-group{grid-template-columns:1fr}.ccsc-metrics-grid{grid-template-columns:1fr}.ccsc-secondary-grid{grid-template-columns:repeat(2,1fr)}.ccsc-action-row{flex-direction:column}.ccsc-btn{flex:none;width:100%}.ccsc-hero-title{font-size:1.5rem!important}.ccsc-modal-actions{flex-direction:column;align-items:center}}@media (min-width:581px) and (max-width:720px){.ccsc-secondary-grid{grid-template-columns:repeat(3,1fr)}}@media print{.ccsc-action-row,.ccsc-hero{display:none}body{background:#fff}}