body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;padding:0;overflow-x:hidden}.main-container{display:flex;flex-direction:column;min-height:100vh;position:relative;max-width:1200px;margin:0 auto;padding:0 15px}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:15px 0}.logo{height:100px;width:auto;max-width:100%}.preview-badge{background-color:#28a745;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 6px #17a2b84d}h1{color:#343a40;margin-bottom:1.5rem;font-size:2rem;font-weight:600}h3{color:#343a40;margin-top:1.5rem;margin-bottom:1rem}.form-section h3{font-size:1.25rem}h4{color:#343a40;margin-top:1.2rem;margin-bottom:.8rem}.form-container{padding:20px 0}.form-section{background-color:#fff;border-radius:8px;padding:2rem;margin-top:1rem;margin-bottom:2rem;border:1px solid #dee2e6}.form-label{font-weight:500;color:#495057;margin-bottom:8px;font-size:.95rem}.form-text{color:#6c757d;font-size:.85rem;margin-top:5px}.form-control,.form-select{border-radius:8px;border:1px solid #ced4da;padding:10px 14px;height:auto;transition:all .2s ease;background-color:#f8f9fa;color:#343a40}.form-control:focus,.form-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff26;background-color:#fff}.form-check{margin-bottom:10px;padding-left:28px}.form-check-input{width:18px;height:18px;margin-top:.25rem;margin-left:-28px;background-color:#fff;border:1px solid #adb5bd;cursor:pointer}.form-check-input:checked{background-color:#3b71ca;border-color:#3b71ca}.form-check-label{cursor:pointer;font-weight:400}.clb-conversion{display:inline-block;background-color:#e6f4ff;color:#0056b3;font-weight:500;padding:3px 8px;border-radius:4px;font-size:.85rem;margin-top:5px}.clb-conversion:empty{display:none}.clb-conversion:not(:empty){display:inline-block}.btn-primary{background:linear-gradient(90deg,#007bff,#0056b3);border-color:#0056b3;padding:12px 30px;font-weight:600;font-size:1.1rem;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 5px #0003}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(90deg,#0056b3,#004085);border-color:#004085;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 3px #0003}.d-grid.gap-2.d-md-flex.justify-content-md-end{justify-content:center!important;margin-top:2rem!important;margin-bottom:1rem}#calculateScoreBtn.edit-mode{background:linear-gradient(90deg,#2e7d32,#388e3c);border-color:#2e7d32}#calculateScoreBtn.edit-mode:hover{background:linear-gradient(90deg,#1b5e20,#2e7d32);border-color:#1b5e20;box-shadow:0 4px 8px #0003}.hidden{display:none!important}.results-drawer{position:fixed;bottom:0;right:0;background-color:#fff;box-shadow:0 -8px 30px #00000026;transform:translateY(calc(100% - 60px));transition:transform .3s cubic-bezier(.25,.8,.25,1);z-index:1000;max-height:85vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;margin:0 auto;width:calc(100% - 24px);max-width:1200px;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-bottom:none;left:50%;transform:translate(-50%) translateY(calc(100% - 60px))}.results-drawer.open{transform:translate(-50%) translateY(0)}.drawer-handle{height:60px;background:linear-gradient(90deg,#e52d27,#b31217);border-bottom:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:20px 20px 0 0;position:relative;padding:0 25px;box-shadow:0 -4px 10px #0000001a;transition:all .3s ease}.drawer-handle:hover{background:linear-gradient(90deg,#c62828,#d32f2f)}.drawer-handle:after{content:"";width:14px;height:14px;border-right:3px solid rgba(255,255,255,.9);border-bottom:3px solid rgba(255,255,255,.9);transform:rotate(225deg);transition:transform .3s ease,margin-top .3s ease;margin-top:6px}.results-drawer.open .drawer-handle:after{transform:rotate(45deg);margin-top:-6px}.drawer-handle h4{font-weight:600;color:#fff;font-size:1.2rem;text-transform:uppercase;margin:0;padding:0;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.drawer-content{padding:15px;overflow-y:auto;max-height:calc(85vh - 60px)}.score-header{margin-top:5px;margin-bottom:10px;text-align:center}.total-score{font-size:1.4rem;font-weight:700;color:#0056b3;padding:2px 8px;border-radius:4px;background-color:#e7f1ff;display:inline-block}.empty-results-message{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;color:#6c757d}.empty-results-message h5{color:#495057;font-weight:600}.empty-results-message svg{opacity:.7}.results-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:14px;table-layout:fixed}.results-table th,.results-table td{padding:12px 15px;border-bottom:1px solid #f8f9fa;text-align:center}.results-table th:first-child,.results-table td:first-child{text-align:left;width:140px;min-width:140px;max-width:140px;white-space:normal;word-wrap:break-word;line-height:1.3}.results-table thead th{background-color:#fdfdfd;color:#495057;font-weight:500;white-space:nowrap;border-bottom:1px solid #e9ecef}.results-table tbody tr:nth-child(2n){background-color:#fcfcfc}.results-table tbody tr:hover:not(.section-header):not(.subtotal-row):not(.crs-score-row){background-color:#f7f9fc}.factor-group td{background-color:#fbfbfb!important;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:#6c757d;padding:10px 15px;text-align:left;border-bottom:1px dotted #d1d5db!important}.factor-group:hover{background-color:#fbfbfb!important}.subtotal-row td{background-color:#f9f9f9!important;font-weight:500;border-top:1px solid #e9ecef}.subtotal-row:hover{background-color:#f9f9f9!important}.crs-score-row td{font-size:16px;font-weight:600;color:#0056b3;background-color:#f8fafe!important;border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;text-align:center}.crs-score-row td:first-child{text-align:left}.crs-score-row:hover{background-color:#f8fafe!important}.results-table .scenario-highlight{background-color:#0056b308!important;position:relative}.results-table .scenario-highlight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#b8daff}.results-table thead th.scenario-highlight{border-left:2px solid #b8daff}.diff-pos{color:#28a745;font-weight:500;font-size:12px}.diff-neg{color:#dc3545;font-weight:500;font-size:12px}.bg-diff-pos{background-color:#28a7450d}.bg-diff-neg{background-color:#dc35450d}.scenario-actions{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px;width:100%;min-height:70px;justify-content:center}.edit-btn,.remove-btn{background-color:transparent;border:1px solid #dee2e6;color:#6c757d;cursor:pointer;padding:6px 12px;font-size:.8rem;border-radius:16px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 1px 3px #0000000d;text-transform:uppercase;letter-spacing:.02em;font-weight:500;width:90%;max-width:100px;min-width:80px;box-sizing:border-box;text-align:center;white-space:nowrap;overflow:hidden}.edit-btn{background-color:#f8fafe;border-color:#d1d5db;color:#0056b3}.edit-btn:hover{background-color:#e7f1ff;border-color:#0056b3;box-shadow:0 2px 4px #0000001a}.remove-btn{background-color:#fefefe;border-color:#dee2e6;color:#6c757d}.remove-btn:hover{background-color:#fff5f5;border-color:#dc3545;color:#dc3545;box-shadow:0 2px 4px #0000001a}.remove-btn:before{content:"×";font-size:14px;margin-right:2px}.edit-btn:active,.remove-btn:active{transform:translateY(1px)}.edit-icon{margin-right:3px;width:12px;height:12px}.table-responsive{overflow-x:auto;max-width:100%;box-shadow:0 2px 8px #0000000f;border-radius:8px;border:1px solid #f1f3f4}.drawer-actions{position:relative;padding:15px;background:#fff;display:flex;justify-content:flex-end;gap:10px;z-index:1;margin-top:20px;border-top:1px solid #e9ecef}.drawer-actions .btn{border-radius:8px;font-weight:500;padding:8px 18px;transition:all .2s ease}#exportBtn{background-color:#fff;border:1.5px solid #0056b3;color:#0056b3}#exportBtn:hover{background-color:#e6f0ff}#clearAllBtn{background-color:#fff;border:1.5px solid #dc3545;color:#dc3545}#clearAllBtn:hover{background-color:#ffebee}.edit-mode-indicator{background-color:#e7f3ff;border-left:4px solid #0056b3;padding:12px 15px;margin-bottom:20px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px #0000000d;animation:fadeIn .3s ease}.edit-mode-indicator h4{margin:0;color:#343a40;font-size:1rem;font-weight:600}.edit-mode-indicator .scenario-name{font-weight:700}.edit-mode-indicator .cancel-btn{background-color:transparent;border:1px solid #6c757d;color:#6c757d;padding:4px 10px;font-size:.85rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.edit-mode-indicator .cancel-btn:hover{background-color:#f8f9fa;border-color:#5a6268;color:#5a6268}.update-icon{display:inline-block;margin-right:8px;width:14px;height:14px;position:relative}.update-icon:before{content:"";position:absolute;border:2px solid white;border-right-color:transparent;border-radius:50%;width:12px;height:12px;animation:spin 2s linear infinite paused}#calculateScoreBtn.edit-mode:hover .update-icon:before{animation-play-state:running}.form-section.edit-mode{border:1px solid #b8daff;box-shadow:0 0 0 3px #007bff1a;transition:all .3s ease}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#e7f1ff;color:#0056b3;cursor:help;font-size:12px;margin-left:5px;transition:all .2s ease}.tooltip-icon:hover{background-color:#0056b3;color:#fff}.form-section-group{padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;margin-bottom:20px}.form-section-group h4{color:#343a40;margin-top:0;margin-bottom:15px;font-size:1.1rem;font-weight:600}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid{padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.validation-summary{margin-bottom:1.5rem;border-left:5px solid #dc3545}.validation-summary h5{margin-bottom:.5rem;font-weight:600}.validation-summary ul{margin-bottom:0}.value-proposition{margin-bottom:25px}.value-proposition .tagline{color:#333;font-size:1.1rem;margin-bottom:30px;font-weight:600;text-align:center}.steps-container{margin:30px 0}.steps-flow{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:900px;margin:0 auto}.step-item{flex:1;text-align:center;position:relative}.step-number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#cc1f1e,#ed3c3c);color:#fff;font-size:1.2rem;font-weight:700;border-radius:50%;margin-bottom:15px;box-shadow:0 4px 12px #cc1f1e4d}.step-title{font-size:1.1rem;font-weight:600;color:#343a40;margin-bottom:8px}.step-description{font-size:.9rem;color:#6c757d;line-height:1.4}.step-item:not(:last-child):after{content:"→";position:absolute;right:-30px;top:25px;font-size:1.5rem;color:#dee2e6;font-weight:300}@media (max-width: 767px){.header-container{padding:10px 0;margin-bottom:1rem}.logo{height:60px}.preview-badge{font-size:.8rem;padding:6px 12px}.steps-flow{flex-direction:column;gap:15px;align-items:stretch}.step-item{display:flex;align-items:center;gap:15px;text-align:left;padding:0 10px}.step-item:not(:last-child):after{display:none}.step-number{width:35px;height:35px;font-size:1rem;margin-bottom:0;flex-shrink:0}.step-content{flex:1}.step-title{font-size:.95rem;margin-bottom:0}.step-description{font-size:.8rem;margin-bottom:0}.value-proposition .tagline{font-size:1rem;margin-bottom:20px}.form-cta h3{font-size:1.2rem}.steps-container{margin:20px 0}}@media (max-width: 991px) and (min-width: 768px){.steps-flow{gap:15px}.step-item:not(:last-child):after{right:-20px;font-size:1.3rem}.step-title{font-size:1rem}.step-description{font-size:.85rem}}.form-cta{text-align:center;margin-bottom:25px}.form-cta h3{color:#cc1f1e;font-size:1.3rem;font-weight:600;margin:0}.footer{margin-top:60px;border-top:1px solid #dee2e6;margin-bottom:60px}.disclaimer{padding:1rem;border-radius:6px;background-color:#f8f9fa;border:1px solid #e9ecef}.disclaimer h6{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;margin-bottom:.5rem}.disclaimer p{font-size:.85rem;color:#6c757d;margin-bottom:0;line-height:1.5}.disclaimer a{color:#0056b3;text-decoration:none;font-weight:500}.disclaimer a:hover{text-decoration:underline}.copyright-bar{padding-top:1rem;padding-bottom:.5rem;border-top:1px solid #e9ecef;color:#6c757d;font-size:.85rem}.copyright-bar a{color:#cc1f1e;font-weight:600;text-decoration:none}.copyright-bar a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes highlightPulse{0%{box-shadow:0 0 #dc354566}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.is-invalid{animation:highlightPulse 1s ease-out}@media (max-width: 991px){.results-drawer{width:100%!important;margin:0!important;left:0!important;right:0!important;transform:translateY(calc(100% - 60px))!important}.results-drawer.open{transform:translateY(0)!important}.drawer-content{padding:15px 20px}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #00000014;width:100%;max-width:100%}.results-table{min-width:0;font-size:13px;table-layout:auto}.results-table th:first-child,.results-table td:first-child{width:140px!important;min-width:140px!important;max-width:140px!important;font-size:12px;padding:8px 6px!important;word-wrap:break-word;white-space:normal;line-height:1.3}.results-table th:not(:first-child),.results-table td:not(:first-child){width:100px!important;min-width:100px!important;max-width:100px!important;text-align:center!important;padding:6px 3px!important;font-size:12px}.scenario-actions{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:center!important;min-height:40px!important;width:100%!important}.edit-btn,.remove-btn{width:85px!important;max-width:85px!important;min-width:85px!important;height:20px!important;font-size:9px!important;padding:0!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.total-score{font-size:13px!important;font-weight:700!important;padding:2px 4px!important;margin:1px 0!important;display:block!important}.scenario-header span{display:block;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factor-group td{font-size:10px!important;padding:6px!important;font-weight:600!important}.crs-score-row td{font-size:13px!important;font-weight:700!important}.empty-results-message{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.empty-results-message div{text-align:center!important;padding:20px 10px!important;max-width:100%!important;box-sizing:border-box!important}.empty-results-message h5{font-size:14px!important;margin:0 0 8px!important}.empty-results-message p{font-size:12px!important;margin:0 0 6px!important;line-height:1.4!important;word-wrap:break-word!important}.empty-results-message svg{width:36px!important;height:36px!important;margin-bottom:10px!important}.form-section{padding:1.5rem}}@media (max-width: 768px){.form-section{padding:1rem 1rem 3rem}.results-drawer{max-height:90vh;width:calc(100% - 16px)}.drawer-handle h4{font-size:1.1rem}}@media (max-width: 576px){.logo{height:50px}.preview-badge{font-size:.75rem;padding:5px 10px}.results-drawer{border-radius:8px 8px 0 0;max-height:85vh}.drawer-content{padding:10px;max-height:calc(85vh - 60px)}.drawer-handle{padding:0 15px}.drawer-handle h4{font-size:1rem}.results-table{font-size:12px}.results-table th:first-child,.results-table td:first-child{width:130px!important;min-width:130px!important;max-width:130px!important;font-size:11px}.results-table th:not(:first-child),.results-table td:not(:first-child){width:90px!important;min-width:90px!important;max-width:90px!important;padding:6px 2px!important}.scenario-actions{flex-direction:column!important;gap:2px!important;width:100%!important;min-height:50px!important}.edit-btn,.remove-btn{width:75px!important;max-width:75px!important;min-width:75px!important;font-size:8px!important;padding:2px 3px!important;box-sizing:border-box!important;text-align:center!important;line-height:1.2!important;height:18px!important}.total-score{font-size:12px!important;padding:1px 4px!important}.scenario-header span{font-size:10px;max-width:80px}.text-secondary.small{display:none!important}.logo{height:60px}.drawer-actions{padding:10px 12px;gap:8px}.drawer-actions .btn{font-size:.85rem;padding:6px 12px}}@media (min-width: 992px){.header-container{position:relative}.preview-badge{position:absolute;top:-10px;right:0;z-index:1000}.logo{height:100px}.results-table{table-layout:fixed;font-size:14px}.results-table th:first-child,.results-table td:first-child{width:250px;min-width:250px;max-width:250px;text-align:left;padding:12px 15px}.results-table th:not(:first-child),.results-table td:not(:first-child){width:auto;min-width:auto;max-width:none;padding:12px 15px}.scenario-actions{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px;width:100%;min-height:70px;justify-content:center}.edit-btn,.remove-btn{width:90%;max-width:100px;min-width:80px;font-size:.8rem;padding:6px 12px;height:auto}.total-score{font-size:1.4rem;padding:2px 8px;border-radius:4px;background-color:#e7f1ff;display:inline-block}.scenario-header span{font-size:14px;max-width:none}.factor-group td{font-size:12px;padding:10px 15px}.crs-score-row td{font-size:16px}}@media (max-width: 767px){.form-label{margin-bottom:6px!important;margin-top:0!important}.form-control,.form-select{margin-bottom:15px}.copyright-bar .text-md-end{text-align:left!important;margin-top:.5rem}}@media (max-width: 896px) and (orientation: landscape){.results-drawer{max-height:75vh}.drawer-content{max-height:calc(75vh - 60px)}}.results-drawer{z-index:1050}body.drawer-open{overflow:hidden}@media (max-width: 768px){body.drawer-open .results-drawer.open{position:fixed;top:0;left:0;right:0;bottom:0;transform:none;max-height:100vh;border-radius:0;z-index:1050}body.drawer-open .results-drawer.open .drawer-content{max-height:calc(100vh - 60px);padding:15px}body.drawer-open .results-drawer.open .drawer-handle{background:linear-gradient(90deg,#e52d27,#b31217);position:relative}}.results-table tbody tr:not(.factor-group):hover{background-color:#0056b308}.add-scenario-banner{background:linear-gradient(90deg,#28a745,#34ce57);color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;animation:slideDown .3s ease;box-shadow:0 2px 8px #28a7454d}.first-scenario-guidance{background:linear-gradient(90deg,#0056b3,#007bff);color:#fff;padding:15px 20px;margin:0 -15px 20px;display:flex;align-items:center;justify-content:space-between;animation:slideDown .4s ease;box-shadow:0 2px 12px #0056b34d}.banner-content{display:flex;align-items:center}.banner-icon{width:20px;height:20px;margin-right:10px;flex-shrink:0}.first-scenario-guidance .banner-icon{width:24px;height:24px;margin-right:12px}.banner-text{display:flex;flex-direction:column}.banner-title{font-weight:600;font-size:1.1rem;margin-bottom:4px}.banner-subtitle{font-size:.9rem;opacity:.95}.banner-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:2px 6px;margin-left:15px;border-radius:3px;opacity:.8;transition:all .2s}.banner-close:hover{opacity:1;background-color:#fff3}.first-scenario-guidance .banner-close{font-size:22px;padding:2px 8px}@media (max-width: 576px){.add-scenario-banner,.first-scenario-guidance{padding:10px 15px;margin-left:-15px;margin-right:-15px}.banner-icon{width:18px;height:18px;margin-right:8px}.banner-title{font-size:1rem}.banner-subtitle{font-size:.85rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.crs-comparison{background:#f8fafe;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #0056b3;font-size:14px}.crs-comparison.crs-status-good{background:#f0f9f0;border-left-color:#28a745}.crs-comparison.crs-status-needs-work{background:#fffbf0;border-left-color:#ffc107}.crs-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crs-comparison-header strong{color:#343a40;font-size:15px}.crs-comparison-header small{color:#6c757d;font-size:12px}.crs-progress-container{margin:12px 0}.crs-progress-bar{position:relative;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:8px}.crs-progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997,#0056b3);border-radius:10px;transition:width 1s ease-in-out}.crs-draw-marker{position:absolute;top:-5px;transform:translate(-50%);z-index:10}.crs-draw-line{width:2px;height:30px;background:#dc3545;margin:0 auto}.crs-draw-label{background:#dc3545;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-align:center;margin-top:2px;white-space:nowrap}.crs-progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#6c757d}.crs-your-score{font-weight:600;color:#0056b3}.crs-status-message{font-weight:500;color:#343a40;margin-top:10px}.crs-typical-range{font-size:12px;color:#6c757d;margin-top:5px}@media (max-width: 576px){.crs-comparison{margin:10px -15px 15px;border-radius:0;border-left:none;border-top:3px solid #0056b3}.crs-comparison.crs-status-good{border-top-color:#28a745}.crs-comparison.crs-status-needs-work{border-top-color:#ffc107}.crs-comparison-header{flex-direction:column;align-items:flex-start;gap:4px}.crs-draw-label{font-size:10px;padding:1px 4px}}#reviewScenariosBtn{border-radius:6px;font-weight:500;padding:8px 16px;font-size:.9rem;transition:all .3s ease;border:1px solid #6c757d;background-color:transparent;color:#6c757d;margin:30px}#reviewScenariosBtn:hover{background-color:#6c757d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}#reviewScenariosBtn:active{transform:translateY(0)}@media (max-width: 576px){#reviewScenariosBtn{font-size:.9rem;padding:10px 16px}}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999;display:none;flex-direction:column;animation:fadeIn .3s ease;overflow-y:auto}.fullscreen-overlay.active{display:flex}.fullscreen-header{background:#fff;border-bottom:1px solid #e9ecef;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d}.fullscreen-logo-section{display:flex;align-items:center;gap:15px}.fullscreen-logo{height:50px;width:auto}.fullscreen-title{font-size:1.4rem;font-weight:600;color:#343a40;margin:0}.exit-fullscreen-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.exit-fullscreen-btn:hover{background:#5a6268}.fullscreen-content{padding:30px;background:#f8f9fa;min-height:auto}.fullscreen-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:30px;margin-bottom:20px}.fullscreen-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px;font-size:.85rem;color:#6c757d;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.fullscreen-footer a{color:#cc1f1e;text-decoration:none;font-weight:500}.fullscreen-footer a:hover{text-decoration:underline}.fullscreen-actions{display:flex;gap:10px}@media print{body{background-color:#fff}body.fullscreen-active>*:not(.fullscreen-overlay){display:none!important}body.fullscreen-active .main-container,body.fullscreen-active .form-container,body.fullscreen-active footer,body.fullscreen-active .results-drawer{display:none!important}.fullscreen-overlay{position:static!important;width:auto!important;height:auto!important;background:#fff!important;z-index:auto!important;display:block!important;animation:none!important;overflow:visible!important}.fullscreen-header{box-shadow:none!important;border-bottom:2px solid #000!important;padding:10px 0!important}.fullscreen-logo{height:40px!important}.fullscreen-title{color:#000!important}.exit-fullscreen-btn{display:none!important}.fullscreen-content{padding:15px 0!important;background:#fff!important}.fullscreen-table-container{box-shadow:none!important;border:1px solid #000!important;border-radius:0!important;padding:10px!important;margin-bottom:10px!important;background:#fff!important}.fullscreen-footer{background:#fff!important;border-top:2px solid #000!important;padding:10px 0!important;margin-top:10px!important;color:#000!important;page-break-before:avoid!important;break-before:avoid!important}.fullscreen-actions{display:none!important}.results-table{font-size:12px!important;border-collapse:collapse!important}.results-table th,.results-table td{border:1px solid #000!important;padding:4px 6px!important;background:#fff!important;line-height:1.2!important}.results-table th{background:#f5f5f5!important;font-weight:700!important;padding:6px!important}.results-table th:first-child,.results-table td:first-child{padding:4px!important;font-size:11px!important}.scenario-actions,.edit-btn,.remove-btn{display:none!important}}@media (max-width: 767px){.fullscreen-header{padding:15px;flex-direction:column;gap:10px;text-align:center}.fullscreen-logo{height:40px}.fullscreen-title{font-size:1.2rem}.fullscreen-content{padding:20px}.fullscreen-table-container{padding:15px}.fullscreen-footer{padding:15px;flex-direction:column;gap:15px;text-align:center}}.about-accordion{max-width:900px;margin:0 auto}.accordion-item{border:none;margin-bottom:12px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f;background:#fff}.accordion-header{margin:0}.accordion-button{width:100%;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0f0ff;color:#343a40;font-weight:600;font-size:1.1rem;padding:18px 20px;text-align:left;cursor:pointer;border-radius:8px;position:relative;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.accordion-button:hover{background:linear-gradient(135deg,#e6f0ff,#f8f9fa)}.accordion-button.active{background:linear-gradient(135deg,#495057,#6c757d);color:#fff;border-color:#495057;border-radius:8px!important}.accordion-button.active:hover{background:linear-gradient(135deg,#343a40,#495057);border-radius:8px!important}.accordion-button:after{content:"▼";font-size:12px;color:#6c757d}.accordion-button.active:after{transform:rotate(180deg);color:#fff}.accordion-content{padding:25px;background:#fff;color:#6c757d;line-height:1.6;border-top:1px solid #e9ecef;display:none}.accordion-content.active{display:block}.accordion-content p{margin-bottom:15px}.accordion-content p:last-child{margin-bottom:0}.accordion-content strong{color:#343a40}.accordion-content h4{color:#495057;font-size:1.1rem;font-weight:600;margin-bottom:12px;margin-top:20px}.accordion-content h4:first-child{margin-top:0}.accordion-content ul{padding-left:20px;margin-bottom:15px}.accordion-content li{margin-bottom:8px}.about-header{text-align:center;margin-bottom:30px;padding:20px 0}.about-header h2{color:#343a40;font-size:2rem;font-weight:600;margin-bottom:10px}.about-header p{color:#6c757d;font-size:1.1rem;margin:0}@media (max-width: 767px){.accordion-button{font-size:1rem;padding:15px 18px}.accordion-content{padding:20px}.about-header h2{font-size:1.6rem}.about-header p{font-size:1rem}}
