.table-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  
  .table-header {
    margin-bottom: 20px;
    
    h3 {
      font-size: 18px;
      font-weight: 600;
      color: #0a192f;
      margin: 0;
    }
  }
  
  .table-wrapper {
    flex: 1;
    overflow: auto;
    
    .data-table {
      width: 100%;
      border-collapse: collapse;
      background: white;
      
      thead {
        background: #f1f5f9;
        position: sticky;
        top: 0;
        z-index: 5;
        
        th {
          padding: 12px 15px;
          text-align: left;
          font-weight: 600;
          color: #0a192f;
          border-bottom: 2px solid #e2e8f0;
          cursor: pointer;
          user-select: none;
          position: relative;
          
          &:hover {
            background: #e2e8f0;
          }
          
          &.sortable {
            padding-right: 30px;
          }
          
          .sort-indicator {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            color: #ff6b35;
          }
        }
      }
      
      tbody {
        tr {
          border-bottom: 1px solid #e2e8f0;
          
          &.even {
            background: #f8fafc;
          }
          
          &:hover {
            background: #f1f5f9;
          }
          
          td {
            padding: 12px 15px;
            color: #334155;
            font-size: 14px;
            
            .probability-bar {
              position: relative;
              width: 100%;
              height: 20px;
              background: #e2e8f0;
              border-radius: 10px;
              overflow: hidden;
              
              .probability-fill {
                height: 100%;
                border-radius: 10px;
                transition: width 0.3s ease;
              }
              
              .probability-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 12px;
                font-weight: 500;
                color: white;
                text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
              }
            }
          }
        }
      }
    }
  }
}