.quarterwise-flow-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  
  .quarterwise-flow-header {
    margin-bottom: 20px;
    
    h3 {
      font-size: 18px;
      font-weight: 600;
      color: #0a192f;
      margin: 0;
    }
  }
  
  .quarterwise-flow-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    
    .placeholder-message {
      text-align: center;
      padding: 30px;
      background: #f8fafc;
      border-radius: 12px;
      border: 1px dashed #cbd5e1;
      
      .message-icon {
        color: #94a3b8;
        margin-bottom: 20px;
      }
      
      .message-text {
        h4 {
          color: #0a192f;
          margin: 0 0 10px 0;
          font-weight: 600;
        }
        
        p {
          color: #64748b;
          margin: 0 0 20px 0;
          font-size: 14px;
          line-height: 1.5;
        }
      }
      
      .configure-button {
        padding: 10px 20px;
        background: #0a192f;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: background-color 0.2s ease;
        
        &:hover {
          background: #1e3a8a;
        }
      }
    }
  }
}