.app{max-width:1280px;margin:0 auto;padding:20px;text-align:center;font-family:Roboto,Arial,sans-serif;background-color:#f9fafc;color:#2c3e50;-webkit-user-select:none;user-select:none}.app-title{font-size:2.5rem;margin-bottom:20px;color:#2c3e50;font-weight:700}.mainHeading{font-size:1.8rem;margin:30px 0 10px;color:#2c3e50;font-weight:700}.dropdown-container{margin-bottom:20px}.dropdown{padding:10px 15px;font-size:1rem;border:1px solid #c3cfe0;border-radius:8px;cursor:pointer;background-color:#fff;color:#2c3e50;transition:all .3s ease}.dropdown:hover{border-color:#5b87f6;box-shadow:0 4px 8px #5b87f64d}.dropdown:focus{outline:none;border-color:#5b87f6;box-shadow:0 0 4px #5b87f6}.error-message{color:#e74c3c;font-size:1rem;margin-top:10px}.table-container{overflow-x:auto;margin-top:20px;border:1px solid #c3cfe0;border-radius:12px;background-color:#fff;box-shadow:0 6px 12px #0000001a}.responsive-table{width:100%;border-collapse:collapse;cursor:pointer}.responsive-table th{background-color:#5b87f6;color:#fff;font-weight:700;padding:16px;text-align:center;border:1px solid #4871d9;font-size:.9rem;text-transform:uppercase}.responsive-table td{padding:14px;text-align:center;border:1px solid #dce1f0;color:#2c3e50;font-size:1rem}.responsive-table tr:nth-child(odd){background-color:#f7f9fc}.responsive-table tr:nth-child(2n){background-color:#f0f9ff}.responsive-table tr:hover{background-color:#eef2fc;transition:background-color .3s ease}.strategy-row .strategy-cell{background-color:#c3d4fc;font-weight:700;text-align:center;color:#2c3e50;font-size:1rem}.strategy-cell{vertical-align:middle;text-align:center;font-size:1.1rem}.totalMtm{font-weight:600}.gap-row{background-color:transparent;border:none;cursor:default}.empty-state{text-align:center;margin-top:30px;background-color:#fff;padding:20px;border:1px solid #dce1f0;border-radius:12px;box-shadow:0 6px 12px #0000001a;color:#2c3e50}.empty-state h2{margin:0 0 10px;font-size:1.8rem;color:#2c3e50;font-weight:700}.empty-state p{margin:0;font-size:1rem;color:#6b7c93}