:root{--ec-primary:#4361ee;--ec-primary-deep:#3a56d4;--ec-secondary:#00a86b;--ec-secondary-light:#e6f0ff;--ec-danger:#e74c3c;--ec-bg:#f7f9fb;--ec-white:#ffffff;--ec-text:#2b2d42;--ec-border:#d8dce2;--ec-radius:8px;--ec-spacing:1.5rem;--ec-gap:0.6rem;--ec-shadow-sm:0 2px 8px rgba(67, 97, 238, 0.07);--ec-shadow-md:0 6px 28px rgba(67, 97, 238, 0.11);--ec-shadow-lg:0 16px 48px rgba(67, 97, 238, 0.15);--ec-text-muted:#6b7280;--ec-text-light:#9ca3af;--ec-success:#00a86b;--ec-warning:#f59e0b}.ec-hero{text-align:center;border:1px solid var(--ec-border);border-radius:var(--ec-radius);box-shadow:var(--ec-shadow-sm);padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.ec-hero-badge{display:inline-block;background:var(--ec-secondary-light)!important;color:var(--ec-primary)!important;font-size:0.7rem!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .9rem;border-radius:100px;border:1px solid rgb(67 97 238 / .18)!important;margin-bottom:1rem}.ec-title{font-size:clamp(1.6rem, 5vw, 2.25rem)!important;font-weight:800;color:var(--ec-text)!important;letter-spacing:-.03em;line-height:1.15;margin-bottom:.65rem}.ec-subtitle{font-size:0.9rem!important;color:var(--ec-text-muted)!important;max-width:520px;margin:0 auto 1rem;font-weight:400;line-height:1.7}.ec-method-toggle{display:inline-flex;background:var(--ec-white)!important;border:1px solid var(--ec-border)!important;border-radius:10px;padding:4px;gap:4px;box-shadow:var(--ec-shadow-sm)}.ec-toggle-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:7px;border:none;background:transparent!important;color:var(--ec-text-muted)!important;font-size:0.85rem!important;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.ec-toggle-btn:hover{background:var(--ec-secondary-light)!important;color:var(--ec-primary)!important}.ec-toggle-btn.ec-active{background:var(--ec-primary)!important;color:#ffffff!important;box-shadow:0 2px 10px rgb(67 97 238 / .3)}.ec-toggle-icon{font-size:0.9rem!important}.ec-card{background:var(--ec-white)!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius);padding:var(--ec-spacing) var(--ec-spacing);box-shadow:var(--ec-shadow-sm);position:relative;overflow:hidden}.ec-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ec-primary),var(--ec-secondary))!important;border-radius:16px 16px 0 0}.ec-formula-strip{display:flex;align-items:center;gap:.6rem;background:var(--ec-secondary-light)!important;border:1px solid rgb(67 97 238 / .12)!important;border-radius:var(--ec-radius);padding:.65rem 1rem;margin-bottom:1.6rem;flex-wrap:wrap}.ec-formula-label{font-size:0.72rem!important;font-weight:700;color:var(--ec-primary)!important;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ec-formula-text{font-size:0.82rem!important;color:var(--ec-text)!important;font-weight:500;font-style:italic}.ec-input-section{margin-bottom:1.4rem}.ec-method-panel{animation:ec-fadeIn 0.25s ease}.ec-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.ec-optional-group{grid-column:1 / -1}.ec-field-group{display:flex;flex-direction:column;gap:.35rem}.ec-label{font-size:0.82rem!important;font-weight:600;color:var(--ec-text)!important;display:flex;align-items:center;gap:.4rem}.ec-optional-tag{font-size:0.7rem!important;font-weight:400;color:var(--ec-text-light)!important;background:#f3f4f6!important;padding:.1rem .45rem;border-radius:4px}.ec-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--ec-border)!important;color:var(--ec-text-muted)!important;font-size:0.65rem!important;font-weight:700;border-radius:50%;cursor:pointer;transition:all 0.15s;flex-shrink:0;user-select:none}.ec-tooltip-trigger:hover{background:var(--ec-primary)!important;color:#fff!important}.ec-input-wrapper{display:flex;align-items:center;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius);background:var(--ec-white)!important;transition:border-color 0.2s,box-shadow 0.2s;overflow:hidden}.ec-input-wrapper:focus-within{border-color:var(--ec-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12)}.ec-input-wrapper.ec-error-wrap{border-color:var(--ec-danger)!important;box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.ec-currency-prefix{padding:0 .7rem;font-size:0.85rem!important;font-weight:600;color:var(--ec-text-muted)!important;background:#f9fafb!important;border-right:1px solid var(--ec-border)!important;height:100%;display:flex;align-items:center;user-select:none;min-height:42px}.ec-input{flex:1;border:none!important;outline:none;padding:.6rem .8rem;font-size:0.9rem!important;color:var(--ec-text)!important;background:transparent!important;width:100%}.ec-input::placeholder{color:var(--ec-text-light)!important;font-weight:400}.ec-field-error{font-size:0.73rem!important;color:var(--ec-danger)!important;min-height:1rem;display:block;font-weight:500}.ec-action-row{display:flex;justify-content:center}.ec-calculate-btn{display:flex;align-items:center;gap:.6rem;background:var(--ec-primary)!important;color:#ffffff!important;border:none!important;border-radius:10px;padding:.8rem 2.4rem;font-size:1rem!important;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 16px rgb(67 97 238 / .3);letter-spacing:.01em;position:relative;overflow:hidden}.ec-calculate-btn::before{content:"";position:absolute;inset:0;background:#fff0!important;transition:background 0.2s}.ec-calculate-btn:hover{background:var(--ec-primary-deep)!important;box-shadow:0 6px 22px rgb(67 97 238 / .38);transform:translateY(-1px)}.ec-calculate-btn:active{transform:translateY(0)}.ec-btn-icon{font-size:1.1rem!important;transition:transform 0.2s}.ec-calculate-btn:hover .ec-btn-icon{transform:translateX(3px)}.ec-tooltip-popup{position:fixed;background:var(--ec-text)!important;color:#fff!important;font-size:0.78rem!important;font-weight:400;border-radius:7px;padding:.55rem .85rem;max-width:240px;z-index:1000;pointer-events:none;opacity:0;transition:opacity 0.15s;line-height:1.5;box-shadow:0 4px 16px rgb(0 0 0 / .18)}.ec-tooltip-popup.ec-visible{opacity:1}.ec-results-section{margin-top:1.8rem;animation:ec-slideUp 0.35s ease}.ec-result-hero{background:linear-gradient(135deg,var(--ec-primary) 0%,#6c7de8 100%)!important;border-radius:var(--ec-radius);padding:2rem;text-align:center;margin-bottom:1.2rem;box-shadow:var(--ec-shadow-lg);position:relative;overflow:hidden}.ec-result-hero::before{content:"";position:absolute;top:-30%;right:-5%;width:200px;height:200px;background:rgb(255 255 255 / .06)!important;border-radius:50%}.ec-result-hero::after{content:"";position:absolute;bottom:-20%;left:-5%;width:150px;height:150px;background:rgb(255 255 255 / .04)!important;border-radius:50%}.ec-result-label{font-size:0.78rem!important;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgb(255 255 255 / .75)!important;margin-bottom:.5rem}.ec-result-value{font-size:clamp(1.8rem, 6vw, 3rem)!important;font-weight:800;color:#ffffff!important;letter-spacing:-.03em;line-height:1.1;margin-bottom:.5rem;position:relative;z-index:1}.ec-result-sub{font-size:0.88rem!important;color:rgb(255 255 255 / .8)!important;font-weight:400;position:relative;z-index:1}.ec-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.2rem}.ec-kpi-card{background:var(--ec-white)!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius);padding:1.1rem .9rem;text-align:center;box-shadow:var(--ec-shadow-sm);transition:transform 0.2s,box-shadow 0.2s}.ec-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--ec-shadow-md)}.ec-kpi-icon{font-size:1.4rem!important;margin-bottom:.4rem}.ec-kpi-label{font-size:0.72rem!important;font-weight:600;color:var(--ec-text-muted)!important;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.ec-kpi-value{font-size:1.25rem!important;font-weight:700;color:var(--ec-text)!important;margin-bottom:.2rem}.ec-kpi-note{font-size:0.67rem!important;color:var(--ec-text-light)!important;font-weight:400}.ec-breakdown-card{background:var(--ec-white)!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius);overflow:hidden;margin-bottom:1.2rem;box-shadow:var(--ec-shadow-sm)}.ec-breakdown-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;background:#f9fafb!important;border-bottom:1px solid var(--ec-border)!important;font-size:0.85rem!important;font-weight:700;color:var(--ec-text)!important}.ec-breakdown-method-tag{font-size:0.7rem!important;font-weight:500;color:var(--ec-primary)!important;background:var(--ec-secondary-light)!important;padding:.2rem .6rem;border-radius:100px;border:1px solid rgb(67 97 238 / .15)!important}.ec-breakdown-table{padding:.4rem 0}.ec-breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.2rem;transition:background 0.15s}.ec-breakdown-row:hover{background:#f9fafb!important}.ec-breakdown-row-label{display:flex;align-items:center;gap:.5rem;font-size:0.85rem!important;color:var(--ec-text)!important}.ec-breakdown-row-sign{font-size:0.95rem!important;font-weight:700;color:var(--ec-text-muted)!important;width:16px;text-align:center;flex-shrink:0}.ec-sign-plus{color:var(--ec-secondary)!important}.ec-sign-equals{color:var(--ec-primary)!important}.ec-breakdown-row-value{font-size:0.87rem!important;font-weight:600;color:var(--ec-text)!important}.ec-breakdown-divider{height:1px;background:var(--ec-border)!important;margin:.2rem 1.2rem}.ec-breakdown-total{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.2rem;background:var(--ec-secondary-light)!important;border-top:1px solid var(--ec-border)!important}.ec-breakdown-total-label{font-size:0.9rem!important;font-weight:700;color:var(--ec-primary)!important}.ec-breakdown-total-value{font-size:1rem!important;font-weight:800;color:var(--ec-primary)!important}.ec-benchmark-card{background:var(--ec-white)!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius);padding:1.2rem;margin-bottom:1.4rem;box-shadow:var(--ec-shadow-sm)}.ec-benchmark-title{font-size:0.88rem!important;font-weight:700;color:var(--ec-text)!important;margin-bottom:.4rem}.ec-benchmark-note{font-size:0.78rem!important;color:var(--ec-text-muted)!important;margin-bottom:1rem}.ec-benchmark-list{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.ec-benchmark-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .7rem;background:#f9fafb!important;border-radius:6px;border:1px solid var(--ec-border)!important}.ec-bench-sector{font-size:0.77rem!important;color:var(--ec-text)!important;font-weight:500}.ec-bench-range{font-size:0.77rem!important;font-weight:700;color:var(--ec-secondary)!important}.ec-post-actions{display:flex;gap:.8rem;flex-wrap:wrap}.ec-action-btn{flex:1;min-width:130px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:var(--ec-radius);font-size:0.85rem!important;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:1.5px solid transparent!important}.ec-pdf-btn{background:var(--ec-primary)!important;color:#fff!important;border-color:var(--ec-primary)!important}.ec-pdf-btn:hover{background:var(--ec-primary-deep)!important;transform:translateY(-1px);box-shadow:0 4px 14px rgb(67 97 238 / .3)}.ec-copy-btn{background:var(--ec-white)!important;color:var(--ec-text)!important;border-color:var(--ec-border)!important}.ec-copy-btn:hover{background:var(--ec-secondary-light)!important;border-color:var(--ec-primary)!important;color:var(--ec-primary)!important}.ec-reset-btn{background:var(--ec-white)!important;color:var(--ec-danger)!important;border-color:rgb(231 76 60 / .3)!important}.ec-reset-btn:hover{background:#fef2f2!important;border-color:var(--ec-danger)!important}.ec-action-icon{font-size:0.95rem!important}.ec-toast{position:fixed;bottom:1.8rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ec-text)!important;color:#fff!important;font-size:0.84rem!important;font-weight:500;padding:.65rem 1.3rem;border-radius:100px;opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:9999;white-space:nowrap;box-shadow:0 6px 24px rgb(0 0 0 / .2)}.ec-toast.ec-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}.ec-toast.ec-toast-success{background:var(--ec-secondary)!important}.ec-toast.ec-toast-error{background:var(--ec-danger)!important}.ec-modal-overlay{position:fixed;inset:0;background:rgb(43 45 66 / .55)!important;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);animation:ec-fadeIn 0.2s ease}.ec-modal{background:var(--ec-white)!important;border-radius:var(--ec-radius);padding:2rem 1.8rem;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .2);animation:ec-popIn 0.25s ease}.ec-modal-icon{font-size:2.2rem!important;margin-bottom:.8rem}.ec-modal-title{display:block;font-size:1.1rem!important;font-weight:700;color:var(--ec-text)!important;margin-bottom:.5rem}.ec-modal-body{font-size:0.85rem!important;color:var(--ec-text-muted)!important;margin-bottom:1.5rem;line-height:1.6}.ec-modal-actions{display:flex;gap:.7rem}.ec-modal-cancel{flex:1;padding:.65rem;border-radius:8px;border:1.5px solid var(--ec-border)!important;background:var(--ec-white)!important;color:var(--ec-text)!important;font-size:0.87rem!important;font-weight:500;cursor:pointer;transition:all 0.15s}.ec-modal-cancel:hover{background:#f3f4f6!important}.ec-modal-confirm{flex:1;padding:.65rem;border-radius:8px;border:none!important;background:var(--ec-danger)!important;color:#fff!important;font-size:0.87rem!important;font-weight:600;cursor:pointer;transition:all 0.15s}.ec-modal-confirm:hover{background:#c0392b!important}.ec-hidden{display:none!important}@keyframes ec-fadeIn{from{opacity:0}to{opacity:1}}@keyframes ec-slideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ec-popIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.ec-input-grid{grid-template-columns:1fr}.ec-kpi-grid{grid-template-columns:1fr;gap:.7rem}.ec-method-toggle{flex-direction:column;width:100%}.ec-toggle-btn{justify-content:center}.ec-post-actions{flex-direction:column}.ec-benchmark-list{grid-template-columns:1fr}.ec-card{padding:1.2rem 1rem}.ec-breakdown-header{flex-direction:column;align-items:flex-start;gap:.4rem}}@media (min-width:601px) and (max-width:768px){.ec-kpi-grid{grid-template-columns:repeat(3,1fr)}}