*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px}table{border-collapse:collapse;margin-bottom:1rem;width:100%}th{background-color:#f0f0f0;text-align:left}td,th{border-bottom:1px solid #ddd;padding:10px}h1,h2,h3,h4{color:#2c3e50;margin-bottom:1rem}.container{padding:1rem}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;margin-right:8px;padding:8px 16px;text-align:center;transition:background-color .2s ease}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0069d9}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.bold{font-weight:700}.alert{border-radius:4px;margin-bottom:1rem;padding:12px 16px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.navigation-buttons{display:flex;gap:.5rem}.nav-button{background:#207bb5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.nav-button:hover:not(:disabled){background:#1a6899}.nav-button:disabled{background:#ccc;cursor:not-allowed}.progress-info{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;margin:0 1.5rem}.progress-text{color:#4b556a;font-size:1.1rem;font-weight:500;margin-bottom:1.25rem}.progress-container{padding:.25rem 0 .75rem;position:relative;width:100%}.progress-bar{background:linear-gradient(180deg,#d1d9e6,#e2e8f0);border:1px solid #0000000d;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a,0 1px 0 #fffffff2;height:24px;position:relative}.progress-fill{background:linear-gradient(180deg,#7ee3a0,#68d391);box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 2px #0000001a;position:relative;transition:width .6s ease-in-out}.progress-fill:after{background:linear-gradient(90deg,#ffffff1a,#fff3 50%,#ffffff1a);border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressPulse{0%{box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 2px #0000001a,0 0 0 #68d39100}50%{box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 2px #0000001a,0 0 20px #68d39166}to{box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 2px #0000001a,0 0 0 #68d39100}}@keyframes progressGlow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.progress-fill.progress-increased{animation:progressPulse 1s ease-in-out}.progress-fill.progress-increased:after{animation:progressGlow 1s ease-in-out}.milestone-markers{bottom:0;height:100%;pointer-events:none;position:absolute;width:100%}.milestone-marker{bottom:0;position:absolute;transform:translateX(-50%)}.milestone-label{bottom:28px;color:#4b556a;font-weight:500}.milestone-label,.progress-tooltip{font-size:.875rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.progress-tooltip{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 2px 8px #00000026;padding:.75rem 1rem;z-index:10}.progress-tooltip:after{border:6px solid #0000;border-top-color:#fff;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.milestone-message{border-top:1px solid #e2e8f0;color:#68d391;font-weight:500;margin-top:.25rem;padding-top:.25rem}.performance-metrics{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.mastery-level{color:#4b556a;font-size:1.1rem;font-weight:500}.reset-button{background:#6c757d;font-size:.875rem;padding:.4rem .75rem;transition:background-color .2s}.reset-button:hover{background:#5a6268}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.progress-info{margin:1rem 0;width:100%}.performance-metrics{align-items:center;width:100%}.milestone-label{display:none}}.scenario-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #00000014;margin-bottom:1rem;overflow:hidden}.scenario-content{padding:1rem}.task{background:linear-gradient(90deg,#f7fafc,#edf2f7);border-left:4px solid #4299e1;color:#2d3748;font-size:1.1rem;line-height:1.5;padding:1rem}.details-grid,.task{border-radius:8px;margin-bottom:1rem}.details-grid{grid-gap:1rem;background:#f8fafc;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:.75rem}.detail-item{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000a;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:transform .2s ease,box-shadow .2s ease}.detail-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.detail-item label{color:#4a5568;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#2d3748;font-size:1.1rem;font-weight:500}.detail-item:first-child span{color:#4299e1;font-weight:600}.detail-item:nth-child(2) span{color:#48bb78}.detail-item:nth-child(3) span{color:#805ad5}.detail-item:nth-child(4) span{color:#ed8936}.additional-info{background:linear-gradient(135deg,#ebf4ff,#e6fffa);border:1px solid #4299e133;border-radius:8px;margin-top:1rem;padding:1rem}.additional-info h4{align-items:center;color:#2b6cb0;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.additional-info h4:before{content:"ℹ️";font-size:1.2rem}.additional-info p{color:#2d3748;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.scenario-content,.task{padding:1rem}.task{font-size:1.1rem}.details-grid{gap:.75rem;grid-template-columns:1fr}.detail-item,.details-grid{padding:.75rem}.additional-info{padding:1rem}}.journal-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:1rem}.journal-heading{color:#2c3e50;margin-bottom:1rem;text-align:center}.journal-table{border-collapse:initial;border-spacing:0;margin-bottom:1rem}.journal-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:.75rem}.journal-table th:first-child{border-top-left-radius:8px}.journal-table th:last-child{border-top-right-radius:8px}.journal-table td{border-bottom:1px solid #e9ecef;padding:.5rem .75rem}.journal-table tr:last-child td{border-bottom:none}.journal-table input{border:1px solid #dee2e6;border-radius:4px;font-size:1rem;padding:.5rem;transition:all .2s ease;width:100%}.journal-table input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.journal-button-container{gap:.75rem;justify-content:center;margin-top:1rem}.check-answer-button,.skip-button,.toggle-solution-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.check-answer-button{background:linear-gradient(135deg,#2ecc71,#27ae60)}.check-answer-button:hover{box-shadow:0 4px 6px #2ecc7133;transform:translateY(-2px)}.toggle-solution-button{background:linear-gradient(135deg,#3498db,#2980b9)}.toggle-solution-button:hover{box-shadow:0 4px 6px #3498db33;transform:translateY(-2px)}.skip-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.skip-button:hover{box-shadow:0 4px 6px #95a5a633;transform:translateY(-2px)}.error-message{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#c53030;padding:.75rem}.error-message,.success-dialog{animation:fadeIn .3s ease-in-out;margin-top:.75rem;text-align:center}.success-dialog{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;margin-left:auto;margin-right:auto;max-width:600px;padding:1.5rem;position:relative}.success-message{color:#2d3748;font-weight:700;margin-bottom:1rem}.key-calculations{border-top:1px solid #e2e8f0;margin-top:1rem;max-height:60vh;overflow-y:auto;padding-top:1rem;text-align:left}.key-calculations .calculations-heading{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.calculation-title{color:#2f855a}.calculation-explanation{font-size:.9rem}@media (max-width:768px){.journal-form-container{padding:1rem}.journal-button-container{flex-direction:column}.check-answer-button,.skip-button,.toggle-solution-button{width:100%}}.suggestions-list{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:1000}.suggestion-item{padding:.5rem .75rem;transition:background-color .2s}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item.selected{background-color:#e9ecef;color:#2c3e50;font-weight:500}.journal-heading{color:#0099d4;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;padding:.5rem}.journal-table-container{margin-bottom:1rem;overflow-x:auto}.journal-table{border:1px solid #ddd;border-collapse:collapse;width:100%}.journal-table th{background-color:#f0f0f0;border-bottom:1px solid #ddd;padding:.5rem 1rem;text-align:left}.journal-table th:nth-child(2),.journal-table th:nth-child(3){text-align:right}.journal-table th:last-child{text-align:center}.journal-table tr:nth-child(2n){background-color:#f9f9f9}.journal-table td{border-bottom:1px solid #ddd;padding:.5rem 1rem}.journal-input{border:1px solid #ccc;border-radius:4px;padding:.25rem;width:100%}.amount-input-container{position:relative}.currency-symbol{left:12px;position:absolute;top:8px}.amount-input{padding-left:2rem;text-align:right;width:100%}.remove-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem .5rem}.remove-button:hover{background-color:#c82333}.journal-button-container{display:flex;margin-bottom:1rem}.add-line-button{background-color:#0099d4;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:.5rem;padding:.25rem .75rem}.add-line-button:hover{background-color:#007ea8}.check-answer-button{background-color:#38a41c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:.25rem .75rem}.check-answer-button:hover{background-color:#2e8916}.toggle-solution-button{background-color:#207bb5;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:.5rem;padding:.25rem .75rem}.toggle-solution-button:hover{background-color:#1a6899}.feedback-message{border-radius:4px;margin-bottom:1rem;padding:.75rem}.feedback-success{background-color:#f0f9eb;border:1px solid #38a41c;color:#38a41c}.feedback-error{background-color:#fef2f2;border:1px solid #c53030;color:#c53030}.totals-row{background-color:#e6f7ff!important;font-weight:700}.totals-row td{border-top:2px solid #1890ff}.account-input-container{position:relative;width:100%}.suggestions-list{background-color:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{cursor:pointer;padding:8px 12px}.suggestion-item:hover{background-color:#f0f0f0}.next-button-container{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1rem;text-align:center}.next-button{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:auto}.next-button:hover{background:#2b6cb0;box-shadow:0 4px 6px #3182ce33;transform:translateY(-2px)}.next-button:focus{box-shadow:0 0 0 3px #3182ce4d;outline:none}.navigation-controls{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.btn-primary{background-color:#207bb5;color:#fff}.btn-secondary{background-color:#f0f4f8;border-color:#d1d9e6;color:#4b556a}.btn-primary:disabled,.btn-secondary:disabled{background-color:#ccc;cursor:not-allowed}.solution-container{background-color:#f5f7fa;border:1px solid #4b556a;border-radius:4px;margin-bottom:1rem;padding:1rem}.solution-heading{font-weight:600;margin-bottom:.5rem}.solution-table{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;width:100%}.solution-table th{background-color:#f0f0f0;border-bottom:1px solid #ddd;padding:.5rem 1rem}.solution-table th:nth-child(2),.solution-table th:nth-child(3){text-align:right}.solution-table tr:nth-child(2n){background-color:#f9f9f9}.solution-table td{border-bottom:1px solid #ddd;padding:.5rem 1rem}.solution-table td:first-child{font-weight:500}.solution-table td:nth-child(2),.solution-table td:nth-child(3){text-align:right}.solution-table-totals{background-color:#e6f7ff!important;font-weight:700}.solution-table-totals td{border-top:2px solid #1890ff}.calculations-container{background-color:#f9f9f9;border:1px solid #e2e8f0;border-radius:4px;margin-top:1.5rem;padding:1rem}.calculations-heading{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.calculation-section{border-bottom:1px dotted #e2e8f0;margin-bottom:.8rem;padding-bottom:.8rem}.calculation-section:last-child{border-bottom:none}.calculation-title{color:#4a5568;font-weight:700;margin-bottom:.25rem}.calculation-explanation{font-size:.95rem;line-height:1.4;margin-bottom:.25rem}.calculation-details{padding-left:.5rem}.calculation-item{font-size:.95rem;margin-bottom:.5rem}.app-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.app-header{background-color:#207bb5;color:#fff;padding:1rem}.app-header h1{color:#fff;margin-bottom:.5rem}.header-buttons{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.header-buttons button{background-color:#207bb5;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem .75rem}.header-buttons button:hover{background-color:#1a6899}.scenario-number{color:#4b556a;margin-left:.5rem;padding:.25rem}.app-progress{background-color:#f0f0f0;border-radius:4px;margin-top:1rem;padding:.5rem}.progress-bar{background-color:#ddd;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:#28a745;height:100%;transition:width .3s ease}.reset-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:.5rem;padding:4px 8px}.reset-button:hover{background-color:#5a6268}.feedback-message{animation:fadeIn .5s ease-in;border-radius:8px;font-weight:700;margin:20px 0;padding:15px;text-align:center}.feedback-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.level-complete-message{animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#00b09b,#96c93d);border-radius:8px;box-shadow:0 4px 15px #0000001a;color:#fff;font-size:24px;font-weight:700;margin:20px 0;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-title{color:#2d3748;margin-bottom:1rem;text-align:center}@media (max-width:768px){.app-container{padding:1rem}.container{padding:10px}.level-complete-message{font-size:20px;padding:15px}}
/*# sourceMappingURL=main.5dfd09a7.css.map*/