:root{--mc-primary:#4361ee;--mc-primary-deep:#3a56d4;--mc-secondary:#00a86b;--mc-secondary-light:#e6f0ff;--mc-danger:#e74c3c;--mc-bg:#f7f9fb;--mc-white:#ffffff;--mc-text:#2b2d42;--mc-border:#d8dce2;--mc-radius:8px;--mc-spacing:1.5rem;--mc-gap:0.6rem;--mc-muted:#6b7280;--mc-light:#edf0f5;--mc-shadow-sm:0 1px 4px rgba(0, 0, 0, 0.06);--mc-shadow-md:0 4px 20px rgba(67, 97, 238, 0.1);--mc-shadow-lg:0 12px 40px rgba(67, 97, 238, 0.14);--mc-transition:0.22s cubic-bezier(0.4, 0, 0.2, 1)}.mc-header{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;border:1px solid var(--mc-border)!important;border-radius:var(--mc-radius);box-shadow:var(--mc-shadow-sm)}.mc-header-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--mc-secondary-light)!important;border-radius:50%;margin-bottom:0;box-shadow:0 0 0 8px rgb(67 97 238 / .06)}.mc-title{font-size:clamp(1.35rem, 4vw, 2rem)!important;font-weight:800;color:var(--mc-text)!important;letter-spacing:-.03em;line-height:1.2;margin:0}.mc-subtitle{font-size:1rem!important;color:var(--mc-muted)!important;font-weight:400;margin:0}.mc-main{background:var(--mc-white)!important;border:1px solid var(--mc-border)!important;border-radius:var(--mc-radius);box-shadow:var(--mc-shadow-lg);overflow:hidden}.mc-mode-toggle{display:flex;padding:var(--mc-spacing) var(--mc-spacing) 0;gap:var(--mc-gap);border-bottom:1px solid var(--mc-border)!important;padding-bottom:0}.mc-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1rem;background:transparent!important;border:none!important;border-bottom:3px solid transparent!important;border-radius:0;font-size:0.9rem!important;font-weight:500;color:var(--mc-muted)!important;cursor:pointer;transition:color var(--mc-transition),border-color var(--mc-transition);margin-bottom:-1px}.mc-mode-btn:hover{color:var(--mc-primary)!important}.mc-mode-btn.mc-mode-active{color:var(--mc-primary)!important;border-bottom-color:var(--mc-primary)!important;font-weight:600}.mc-mode-icon{font-size:1.1rem!important}.mc-form{padding:var(--mc-spacing);display:flex;flex-direction:column;gap:1.2rem}.mc-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mc-field{display:flex;flex-direction:column;gap:.35rem}.mc-label{font-size:0.82rem!important;font-weight:600;color:var(--mc-text)!important;display:flex;align-items:center;gap:.3rem;letter-spacing:.01em}.mc-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--mc-light)!important;border-radius:50%;font-size:0.7rem!important;font-weight:700;color:var(--mc-muted)!important;cursor:help;position:relative;flex-shrink:0}.mc-tooltip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--mc-text)!important;color:var(--mc-white)!important;font-size:0.72rem!important;font-weight:400;padding:.4rem .7rem;border-radius:6px;white-space:nowrap;max-width:200px;white-space:normal;text-align:center;line-height:1.4;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:100;box-shadow:0 4px 12px rgb(0 0 0 / .2)}.mc-tooltip:hover::after{opacity:1}.mc-input-wrap{height:40px;position:relative;display:flex;align-items:center;gap:.5rem;background:var(--mc-bg)!important;border:1.5px solid var(--mc-border)!important;border-radius:var(--mc-radius)!important}.mc-input-wrap:focus{border-color:var(--mc-primary)!important;background:var(--mc-white)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .1)}.mc-prefix{margin-left:12px;font-size:0.88rem!important;font-weight:600;color:var(--mc-muted)!important;pointer-events:none;z-index:1;user-select:none}.mc-input{width:100%;background:transparent!important;border:none!important;border-radius:0!important;font-size:0.92rem!important;font-weight:500;color:var(--mc-text)!important;transition:border-color var(--mc-transition),box-shadow var(--mc-transition),background var(--mc-transition);outline:none;-moz-appearance:textfield;appearance:textfield}.mc-input::-webkit-outer-spin-button,.mc-input::-webkit-inner-spin-button{-webkit-appearance:none}.mc-toggles{display:flex;flex-direction:column;gap:.6rem}.mc-toggle-row{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.65rem 1rem;background:var(--mc-bg)!important;border:1px solid var(--mc-border)!important;border-radius:var(--mc-radius);transition:background var(--mc-transition),border-color var(--mc-transition)}.mc-toggle-row:hover{border-color:var(--mc-primary)!important;background:var(--mc-secondary-light)!important}.mc-switch{position:relative;width:40px;height:22px;flex-shrink:0}.mc-switch input{opacity:0;width:0;height:0;position:absolute}.mc-slider{position:absolute;inset:0;background:var(--mc-border)!important;border-radius:22px;transition:background var(--mc-transition);cursor:pointer}.mc-slider::before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--mc-white)!important;border-radius:50%;transition:transform var(--mc-transition);box-shadow:0 1px 4px rgb(0 0 0 / .2)}.mc-switch input:checked+.mc-slider{background:var(--mc-primary)!important}.mc-switch input:checked+.mc-slider::before{transform:translateX(18px)}.mc-toggle-label{font-size:0.87rem!important;font-weight:500;color:var(--mc-text)!important;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.mc-toggle-sub{display:flex;align-items:center;gap:.35rem;font-size:0.84rem!important;color:var(--mc-muted)!important}.mc-inline-input{width:54px;padding:.2rem .4rem;background:var(--mc-white)!important;border:1px solid var(--mc-border)!important;border-radius:4px;font-size:0.84rem!important;font-weight:600;color:var(--mc-primary)!important;text-align:center;outline:none;-moz-appearance:textfield;appearance:textfield}.mc-inline-input::-webkit-outer-spin-button,.mc-inline-input::-webkit-inner-spin-button{-webkit-appearance:none}.mc-calculate-btn{width:100%;padding:.95rem 2rem;background:var(--mc-primary)!important;border:none!important;border-radius:var(--mc-radius);font-size:1rem!important;font-weight:700;color:var(--mc-white)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:background var(--mc-transition),transform 0.1s,box-shadow var(--mc-transition);box-shadow:0 4px 14px rgb(67 97 238 / .35);letter-spacing:.01em}.mc-calculate-btn:hover{background:var(--mc-primary-deep)!important;box-shadow:0 6px 20px rgb(67 97 238 / .45);transform:translateY(-1px)}.mc-calculate-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgb(67 97 238 / .3)}.mc-btn-arrow{font-size:1.1rem!important;transition:transform var(--mc-transition)}.mc-calculate-btn:hover .mc-btn-arrow{transform:translateX(3px)}.mc-error{font-size:0.84rem!important;color:var(--mc-danger)!important;min-height:1.2em;display:flex;align-items:center;gap:.35rem;font-weight:500}.mc-results{display:none;flex-direction:column;gap:1.5rem;padding:var(--mc-spacing);border-top:1px solid var(--mc-border)!important;animation:mc-fade-in 0.4s ease}.mc-results.mc-results-visible{display:flex}@keyframes mc-fade-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mc-result-hero{text-align:center;padding:1.8rem 1rem;background:linear-gradient(135deg,rgb(67 97 238 / .06) 0%,rgb(0 168 107 / .06) 100%)!important;border:1px solid rgb(67 97 238 / .14)!important;border-radius:12px}.mc-result-label{font-size:0.85rem!important;font-weight:600;color:var(--mc-muted)!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.mc-result-value{font-size:2rem!important;font-weight:800;color:var(--mc-primary)!important;letter-spacing:-.03em;line-height:1.1}.mc-result-date{font-size:0.9rem!important;color:var(--mc-muted)!important;font-weight:400;margin-top:.4rem}.mc-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.mc-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;background:var(--mc-bg)!important;border:1px solid var(--mc-border)!important;border-radius:10px;transition:box-shadow var(--mc-transition),border-color var(--mc-transition)}.mc-stat-card:hover{box-shadow:var(--mc-shadow-md);border-color:var(--mc-primary)!important}.mc-stat-icon{font-size:1.4rem!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.mc-stat-icon--green{background:rgb(0 168 107 / .12)!important}.mc-stat-icon--blue{background:rgb(67 97 238 / .12)!important}.mc-stat-icon--gold{background:rgb(255 183 0 / .12)!important}.mc-stat-icon--red{background:rgb(231 76 60 / .12)!important}.mc-stat-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.mc-stat-label{font-size:0.75rem!important;font-weight:500;color:var(--mc-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-stat-value{font-size:1.1rem!important;font-weight:700;color:var(--mc-text)!important}.mc-progress-section{display:flex;flex-direction:column;gap:.4rem}.mc-progress-labels{display:flex;justify-content:space-between;font-size:0.78rem!important;font-weight:600;color:var(--mc-muted)!important}.mc-progress-bar-wrap{border-radius:6px;overflow:hidden}.mc-progress-bar{height:10px;background:var(--mc-light)!important;border-radius:6px;overflow:hidden;display:flex}.mc-progress-fill{height:100%;transition:width 0.8s cubic-bezier(.4,0,.2,1)}.mc-progress-contributions{background:var(--mc-secondary)!important}.mc-progress-returns{background:var(--mc-primary)!important}.mc-progress-percents{display:flex;justify-content:space-between;font-size:0.8rem!important;font-weight:700}.mc-progress-percents span:first-child{color:var(--mc-secondary)!important}.mc-progress-percents span:last-child{color:var(--mc-primary)!important}.mc-milestones{display:flex;flex-direction:column;gap:.75rem}.mc-milestones-title{font-size:0.9rem!important;font-weight:700;color:var(--mc-text)!important;text-transform:uppercase;letter-spacing:.06em}.mc-timeline{display:flex;flex-direction:column;gap:0;position:relative}.mc-timeline::before{content:"";position:absolute;left:16px;top:10px;bottom:10px;width:2px;background:var(--mc-border)!important}.mc-milestone{display:flex;align-items:center;gap:.85rem;padding:.6rem 0;position:relative;z-index:1}.mc-milestone-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem!important;font-weight:700;flex-shrink:0;border:2px solid var(--mc-white)!important;box-shadow:0 0 0 2px var(--mc-border)}.mc-milestone-dot--reached{background:var(--mc-secondary)!important;color:var(--mc-white)!important;box-shadow:0 0 0 2px var(--mc-secondary)}.mc-milestone-dot--goal{background:var(--mc-primary)!important;color:var(--mc-white)!important;box-shadow:0 0 0 2px var(--mc-primary)}.mc-milestone-dot--future{background:var(--mc-light)!important;color:var(--mc-muted)!important}.mc-milestone-info{display:flex;flex-direction:column;gap:.05rem}.mc-milestone-amount{font-size:0.9rem!important;font-weight:700;color:var(--mc-text)!important}.mc-milestone-time{font-size:0.76rem!important;color:var(--mc-muted)!important}.mc-table-section{display:flex;flex-direction:column;gap:.6rem}.mc-table-toggle{background:none!important;border:1px solid var(--mc-border)!important;border-radius:var(--mc-radius)!important;font-size:0.85rem!important;font-weight:600;color:var(--mc-primary)!important;padding:.55rem 1rem;cursor:pointer;text-align:left;transition:background var(--mc-transition),border-color var(--mc-transition)}.mc-table-toggle:hover{background:var(--mc-secondary-light)!important;border-color:var(--mc-primary)!important}.mc-table-wrap{overflow-x:auto;border:1px solid var(--mc-border)!important;border-radius:var(--mc-radius)}.mc-table{width:100%;border-collapse:collapse;font-size:0.84rem!important;border:none!important}.mc-table thead,.mc-table tbody,.mc-table tr{border:none!important}.mc-table th{background:var(--mc-bg)!important;color:var(--mc-muted)!important;font-size:0.76rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.6rem 1rem;text-align:right;border:none!important;border-bottom:1px solid var(--mc-border)!important}.mc-table th:first-child{text-align:left}.mc-table td{padding:.55rem 1rem;text-align:right;border:none!important;border-bottom:1px solid var(--mc-border)!important;color:var(--mc-text)!important;font-size:0.84rem!important}.mc-table td:first-child{text-align:left;font-weight:600}.mc-table tr:last-child td{border-bottom:none!important}.mc-table tr:hover td{background:rgb(67 97 238 / .03)!important}.mc-table tr.mc-table-goal td{background:rgb(67 97 238 / .06)!important;font-weight:700;color:var(--mc-primary)!important}.mc-actions{display:flex;gap:.65rem;flex-wrap:wrap}.mc-action{flex:1;min-width:130px;padding:.7rem 1rem;border-radius:var(--mc-radius)!important;font-size:0.86rem!important;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all var(--mc-transition);border:1.5px solid transparent!important}.mc-action--pdf{background:var(--mc-primary)!important;color:var(--mc-white)!important;border-color:var(--mc-primary)!important;box-shadow:0 2px 8px rgb(67 97 238 / .25)}.mc-action--pdf:hover{background:var(--mc-primary-deep)!important;box-shadow:0 4px 14px rgb(67 97 238 / .35);transform:translateY(-1px)}.mc-action--copy{background:var(--mc-white)!important;color:var(--mc-primary)!important;border-color:var(--mc-primary)!important}.mc-action--copy:hover{background:var(--mc-secondary-light)!important}.mc-action--reset{background:var(--mc-white)!important;color:var(--mc-danger)!important;border-color:var(--mc-danger)!important}.mc-action--reset:hover{background:rgb(231 76 60 / .06)!important}.mc-footer{text-align:center;padding:1.5rem 1rem 0}.mc-footer p{font-size:0.75rem!important;color:var(--mc-muted)!important;line-height:1.5;max-width:520px;margin:0 auto}.mc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45)!important;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.22s}.mc-modal-overlay.mc-modal-open{opacity:1;pointer-events:all}.mc-modal{background:var(--mc-white)!important;border-radius:16px;padding:2rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .2);transform:scale(.93) translateY(10px);transition:transform 0.22s cubic-bezier(.34,1.56,.64,1)}.mc-modal-overlay.mc-modal-open .mc-modal{transform:scale(1) translateY(0)}.mc-modal-icon{font-size:2.2rem!important;margin-bottom:.75rem;display:block}.mc-modal-title{font-size:1.2rem!important;font-weight:700;color:var(--mc-text)!important;margin-bottom:.5rem}.mc-modal-body{font-size:0.9rem!important;color:var(--mc-muted)!important;margin-bottom:1.5rem}.mc-modal-actions{display:flex;gap:.65rem}.mc-modal-btn{flex:1;padding:.7rem;border-radius:var(--mc-radius);font-size:0.9rem!important;font-weight:600;cursor:pointer;transition:all var(--mc-transition)}.mc-modal-cancel{background:var(--mc-bg)!important;border:1.5px solid var(--mc-border)!important;color:var(--mc-text)!important}.mc-modal-cancel:hover{background:var(--mc-light)!important}.mc-modal-confirm{background:var(--mc-danger)!important;border:1.5px solid var(--mc-danger)!important;color:var(--mc-white)!important;box-shadow:0 2px 8px rgb(231 76 60 / .3)}.mc-modal-confirm:hover{background:#c0392b!important;box-shadow:0 4px 14px rgb(231 76 60 / .4)}.mc-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--mc-text)!important;color:var(--mc-white)!important;font-size:0.88rem!important;font-weight:600;padding:.65rem 1.4rem;border-radius:50px;box-shadow:0 6px 20px rgb(0 0 0 / .2);z-index:2000;opacity:0;pointer-events:none;transition:opacity 0.25s,transform 0.25s}.mc-toast.mc-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:600px){.mc-header{padding:1.5rem .5rem 1.2rem}.mc-field-grid{grid-template-columns:1fr 1fr}.mc-field-grid .mc-field:last-child{grid-column:1 / -1}.mc-stats-grid{grid-template-columns:1fr}.mc-result-value{font-size:2.2rem!important}.mc-actions{flex-direction:column}.mc-action{min-width:unset;width:100%}.mc-mode-btn{font-size:0.82rem!important;padding:.65rem .5rem}}@media (max-width:400px){.mc-field-grid{grid-template-columns:1fr}.mc-field-grid .mc-field:last-child{grid-column:auto}}@media (min-width:601px) and (max-width:720px){.mc-field-grid{grid-template-columns:repeat(2,1fr)}.mc-field-grid .mc-field:last-child{grid-column:1 / -1}}